Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello, is there any way to change the font style and/or font size for text in the menu?
Hi Brian
It’s not a theme setting right now but you can with custom CSS. Insert the following under Appearance > Custom CSS:
/* Vantage set menu font family and weight */.main-navigation a {font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight: normal;}You can make changes as required. Let me know if you need further help.
Hi Andrew,
A bit confused because there seem to be so many fonts in this code…Maybe one is for main menu and another for sub? But still seems like a lot of fonts. In any case, I just want to use Open Sans 16 point font (12 point font for sub menu)….And I want to be able to modify the spacing between menu items…It’s a bit wide right now.
Apologies for my ignorance…
Cheers,
Jon
Hi Jon!
The first font is the font you’re requesting, the following fonts are part of the stack. If a computer doesn’t have the first font, the CSS says, go look for the second font, then third etc.
1. Horizontal Menu Spacing: Please see: https://siteorigin.com/thread/adjust-space-between-menu-items/
2. Menu font and font size:
/* Vantage set menu font family and font size */ .main-navigation a { font-family: ‘Open Sans’, sans-serif; font-size: 16px; }Hope that helps.
If you need further help on this please open a new thread. Often previous users are still on email alerts, that’s the main reason.
Hi Andrew
I have likely the same isue as Jon but I would like to set
“HELVETICA”, Helvetica Neue, Arial;
as the main font for the hole Website. What is the code that I need to place into custom CSS to get this done?
Hi Marcel
It’s possible to set all fonts in Vantage Premium to Helvetica Neue under Appearance > Customize > Fonts. For Helvetica you could try the following under Appearance > Custom CSS or in a Custom CSS module/plugin:
body { font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif !important; }For further help on this please open a new support thread. Thanks.
Hi there,
How do I change the font size of the SECONDARY menu-items?
Cheers. Martin
Hi Martin
Shooting from the hip:
.main-navigation ul ul a { font-family: 'Open Sans', sans-serif; }For further help on this can you please open a new support thread and I’ll grab it ASAP. Thanks!
Hi, i would like to use Shadows into light two for menu font (and for footer text widget headline), but I can not do that. Can you please let me know what could be the issue?
Hi P P
Please open a new support thread and we’ll help out as soon as possible.
Page: New Thread
Thanks
Hallo, I would like to use “Amatic SC (700)” font only in menù text.
I tryed this but don’t work (I see something like “Times New Roman” font):
.main-navigation a {
display: block;
text-decoration: none;
color: #e2e2e2;
font-weight: bold;
font-family: “Amatic SC (700)”;
font-weight: normal;
}
I was trying to figure out how to change the font without coding and came across a widget called fonts for web. I have used it successfully. It is super easy and over 1000 fonts to choose from and you can customize the size and color of the text. *I do not have any affiliations with this widget…I was just desperate to find a different font than the serif font offered. Good luck. -Dana