Change colour of the divider line in the main menu.

Hi all, I was hoping someone could tell me the following. You will notice on the Main Menu of the template that there is a really then (maybe 2 pixel) divider line that is on the vertical that separates each Main Menu item. How does one change the colour of this and in which file. I cannot seem to find it in the template.css - I need to change it to white.

So just to be clear this would be the tiny divider line that separates Home | Tempate | Menu Types | 3rd Party extension in the demo of this tempate.

Hi
Try add this to override.css

Code: Select all

#gk-nav ul.level0 > li{
border-left:1px solid #555555; // here put your own color value
}


and remember to enable override.css option in template settings

That worked great, exactly as I hoped. Much appreciated.

I'm glad I could help