changing menu colour

Hi,
I've managed to change all my colours in CSS apart from the main menu in top.
Can you please direct me to which file and where it would be found.
thanks in advance

Hello,

Add this code into css/override.css file (first enable this override option from template options -> advanced tab):

Code: Select all

#main-menu > li.current-menu-item,
#main-menu > li.current_page_item,
#main-menu > li:hover,
#main-menu > li a: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: #eb1e00;
}


and use your own color value.

And how to change the whole color of the theme. you have 6 colors available. How can I manage to have my own "color VII"?

You can create your own color scheme to choose:
http://www.gavick.com/documentation/wor ... or-styles/ , but easier I think will be copy the content of e.g. style1.css file into your override.css file with color values changed.

Hi,
thanks for the help. This has just changed the first button colour 'home' button. Is there code to change individual buttons to different colours?
thanks in advance

Try with this code for first three menu buttons:

Code: Select all


#main-menu > li:first-child > a {
   color: #ddd;
}

#main-menu > li:nth-child(2) > a {
   color: #aaa;
}

#main-menu > li:nth-child(3) > a {
   color: #188;
}


and so on..

Excellent! Thanks so much. I'm still trying to change some styling options. I'm trying to put the menu into a box, like the attachment shows. Do you have styling option for that?

I'm sorry, but can't see your attachment, could you upload it again?