Font size in topmenu I and III

I would like to know where you can change the size of the fonts that are in the topmenu I and III (green), if I go to template manager/font I only find how to change the font but the size?
Looking at other posts I saw that it would be enough to add some code (I do not know) in the file override.css
And to change the distance (red) before and after the menu item?
Can anyone help me?
thanks

Hi

For top please use this code:

Code: Select all

#gkTopMenu1 .menu li a { font-size: 20px; }


For second:

Code: Select all

#gkMiddleMenu .menu li a { font-size: 20px; }


To change distance please use for top

Code: Select all

#gkTopMenu1 .menu li {
padding: 0 10px 0 14px;
}


and second:

Code: Select all

#gkMiddleMenu .menu li {
padding: 0 10px 0 14px;
}


change second and fourth value to fit your needs in both cases. Remember to enable override.css option in template settings.