Best way to change Menu Color

I'm curious about changing the menu color.

I was able to change the inner color (purple in the attached) by finding a posting that showed to add the following to the override.css file:

div.gk-menu > ul.level0 > li.active > a, div#gkDropMain > ul > li.active > a, div.gk-menu > ul.level0 > li:hover > a, div#gkDropMain > ul > li:hover > a, div.gk-menu > ul.level0 > li.active:hover > a, div#gkDropMain > ul > li.active:hover > a {
background: none repeat scroll 0 0 /your color/;
}

But how do I change the grey in the attached menu picture?

Thanks
Rich

Hi,
please try this code

Code: Select all

#gkMenu {
background-color: #6C6459;
}


and set your own color value.

That worked great.
One additional item is that I have a dropdown menu.
How can I make the 'Current Projects' and 'Completed Projects' the same color as the rest of the menu (lighter grey)?
- See attached.
Cheers
Rich

Please try add

Code: Select all

div.gk-menu > ul.level0 > li > a {
color: #ffffff !important;
}



and set your own color value.

Thanks for that!
Rich