Change color/size/border etc for Main Menu

Hey I am looking in the template css files everywhere but I can't find whhich code to change to change the:

Main menu - color
Main menu - font size
Main menu - Menu item width
Min menu - borders etc..

Can you help me?

Thank you.

Hi,
to change menu color you have to add to override.css

Code: Select all

.gkMenu > ul > li > a {
color:#ffffff;
padding: 0 18px;
}


and change color value. Second rule is a space beetween each menu item. It is 18px from left and right side. As you can see each menu item have diffrent width depends from content.
To change borders and font size please add:

Code: Select all

.gkMenu > ul > li {
border-right: 1px solid #484B4D;
font-size: 20px;
}


and change values to fit your needs. Remember to enable override.css option in template settings.

Great thank you! And last one. Do you know how to change the main menu hight?

Thank you!

Please try add to override.css

Code: Select all

.gkMenu > ul {
height: 46px;
}


and increase or decrease this value to fit your needs.