Header menu colors

  • pblvsk


    Hello again 🙂

    I’m trying to modify header menu colors in style.css.

    So far I managed to changed

    #header-menu-wrap {

    background: #2880C3;


    as you can see on picture here: http://dl.dropbox.com/u/8490040/headermenu.jpg

    But I can’t find lines to change black hover and grey list. I’d also like to add 1-2px black line between each menu items.

    Please tell me which lines in css I need to change.



    Try to use the search function in the forums, as this question has been answered multiple times. Best way to figure out CSS is to use Firebug from Firefox. But to answer your your question here’s the hover, and non-hover CSS to change the background and font color. You can experiment with the rest.

    Change the hex to your the color you like.

    #header-menu > li > a {
    background: none repeat-x scroll left 0px #400000 !important;
    color: #000;

    #header-menu ul li:hover, #header-menu ul li.current-menu-item, #header-menu ul li.current-menu-ancestor {
    background: none repeat-x scroll left 0px #400000 !important;
    color: #FFF;

Viewing 2 posts - 1 through 2 (of 2 total)

  • You must be logged in to reply to this topic.