Hi there
I can adapt menu fonts color & size but how can I adapt font type ?
I noticed when I change the body font my menu font also changes
Also the space in between the buttons is too big. Could you give me css to do that ?
Is this the correct css to change the menu font ?
.main-navigation a {
font-family: “verdana”;
}
?
Kind regards
Jvanbavel
URL: http://jvanbavel.com
Hi Jvanbavel
Yes that would be the correct way of overriding the menu font. You may need to add the !important attribute to the font family element to ensure that your snippet takes priority
.main-navigation a { font-family: "verdana" !important; }The menu item spacing is handled by the padding element. Please try this
.main-navigation ul li a { padding: 20px 20px; }Please adjust the figures to match your needs. The first is the vertical padding and the second the horizontal.
Let us know how you get on
Magus
Hi there that worked fine Thank you !
One more in the same line, the menu fonts are Bold… can i get them to “unbold ? cq normal : )
Jvanbavel
Hi Jvanbavel
That would be handled by the font-weight, in this case it will be
.main-navigation a { font-family: "verdana" !important; font-weight: normal; }Magus
Thanks Magnus that works
! You can close the thread now if you want
Kind regards
Jvanbavel