How to change the 'thickness' of the title menu bar

  • Kim


    Have You tried install Firebug in Safari browser? I think it can show you the image file πŸ™‚

    Then again I know its tricky. Here is a link thats talks about text & gradient image:




    Hi πŸ™‚

    Then again, there are these two image files in Graphene images catalog: sprite_h.png & sprite_h_light.png used in menu (dark & light).

    You are using sprite_h_light.png now. Maybe one way is to combine the two files.

    I mean top half of sprite_h_light.png & buttom half of sprite_h.png might look fine πŸ™‚





    I’ll try downloading firebug. I always thought the mouse over color is a code which you insert for eg. #000000 that indicates the color. Can it be done that way or must it be done using an image?

    Also, I’m having problems with my ‘avatar’. I tried to use my custom profile photo by inserting the URL of my photo – tried uploading to both Photobucket and my own media site but it doesn’t ‘read’ the URL. This was done under the ‘edit profile’ portion..

    Btw are you like a coding expert and do you do it as a job? You know so much it’s amazing!




    If You can wait with the menu change. Image way meets more different browser req.

    New options in WordPress3 Menu “Screen Settings” surely change it down the line.

    You might like to look at Gravatar here:

    Gravatar follows Your e-mail address globally where its used, also in wordpress.

    The Graphene Theme is Syahir’s work.

    Thank You for the kind words πŸ™‚

    Im working with computers & software. Like Graphene Theme, CSS code & how it evolves.

    And I like helping others & You are always welcome.



    Syahir Hakim


    Hi Andrea (got it from your site, hope it’s right),

    Here’s the code you need to add to change the colour of the menu background on mouseover. I trust you’ve set up a child theme? If yes, put it in you child theme’s style.css file:

    #nav .menu li.current_page_item > a,
    #nav .menu li.current_page_ancestor > a,
    #nav .menu li.current_page_parent > a,
    #nav .menu li.current-menu-item > a,
    #nav .menu li.current-menu-parent > a,
    #nav .menu li.current-menu-ancestor > a,
    #nav .menu li.current_page_item > a:visited,
    #nav .menu li.current_page_ancestor > a:visited,
    #nav .menu li.current_page_parent > a:visited,
    #nav .menu li.current-menu-item > a:visited,
    #nav .menu li.current-menu-parent > a:visited,
    #nav .menu li.current-menu-ancestor > a:visited {
    background: #444;
    #nav .menu li a:hover,
    #nav .menu li:hover a,
    #nav .menu li:hover a:visited,
    #nav .menu li a:hover,
    #nav .menu li.sfhover a,
    #nav .menu li.sfhover a:visited,
    #nav .menu li.current-menu-item a,
    #nav .menu li.current_page_ancestor a,
    #nav .menu li.current-category-ancestor a,
    #nav .menu li.current-menu-parent a,
    #nav .menu li.current-menu-ancestor a,
    #nav .menu li.current_page_parent a,
    #nav .menu li.current-menu-item a:visited,
    #nav .menu li.current_page_ancestor a:visited,
    #nav .menu li.current-category-ancestor a:visited,
    #nav .menu li.current-menu-parent a:visited,
    #nav .menu li.current-menu-ancestor a:visited,
    #nav .menu li.current_page_parent a:visited{
    background: #444;

    Not sure if that’ll work, as this part of the code is a bit messy. But try it, and let me know how it turns out.



    Hullo Syahir!

    Thanks for this! I’ll try it out over the weekend!! Appreciate the check in and advice πŸ™‚



Viewing 6 posts - 21 through 26 (of 26 total)

  • You must be logged in to reply to this topic.
Graphene Themes Forum