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

  • Kim

    #13702

    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:

    Kim

    Kim

    #13703

    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 🙂

    Kim

    thebokeeffect

    #13704

    Hihi,

    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!

    Kim

    #13705

    Hihi

    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: http://en.gravatar.com/

    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.

    Kim

    Admin

    Syahir Hakim

    #13706

    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.

    thebokeeffect

    #13707

    Hullo Syahir!

    Thanks for this! I’ll try it out over the weekend!! Appreciate the check in and advice 🙂

    Cheers

    Andrea

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

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!