Main menu CSS override

Hi there,

I would like to change the color of the main menu options to blue with a different colour on mouseover -- is this possible.

I have enabled the override css in the advanced theme options but cannot see a custom css box -- could you just advise please.

Could you also give an indication of the css to effect this change if possible.

Kind regards

Francois Wessels

Hi,

you have to put this code into css/override.css file:

Code: Select all

#main-menu > li > a {
color: #yourcolor;
}


and this for :hover color:

Code: Select all

#main-menu > li > a:hover,
#main-menu > li.current-menu-item,
#main-menu > li.current_page_item,
#main-menu > li:hover,
#main-menu > li.active > a,
#main-menu > li.current-menu-item > a,
#main-menu > li.current_page_item > a,
#main-menu > li.current-menu-ancestor > a,
#main-menu > li.current-menu-parent > a  {
   color: #your_color!important;
}

Thank you Piotr -- I have ammended the file and it works perfectly

Regards

Francois Wessels