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].
I’ve just switched to the SiteOrigin’s Vantage theme. I like it, but I have a problem with the fonts. The theme doesn’t implement all the font size and weight settings I select in the customizer. Some work, but others don’t. The font renders at the wrong size or defaults to the standard weight. I’ve tried adding additional css to force the sizes and weights I want, but it doesn’t always work. I guess they are conflicts. Can anyone help me, please?
Hi Keith
Thanks for reaching out.
Please, send a link to a page concerned and we’ll take a look. If you could also let us know which font settings you’ve selected we can then inspect the code and hopefully explain what’s happening.
Hi Andrew
Thanks for your reply. Here is the site: http://www.keithfrankish.com
The problem is mainly with the headers and menu text. In the customizer, I’ve selected Oswald 700 for the site title and Oswald 300 for all the other headers and the primary menu. But it’s not all rendering that way. The site title is too thin and the menu text too thick.
Also, the fonts sizes don’t seem to be rendering properly. I’ve set h1 to 24pt and h3 to 20pt, but the latter renders larger than the former.
I also had problems with the body text. I set it to Crimson Pro in the theme, expecting that italic and bold versions would be loaded as well as normal version, but they weren’t. I added some css to make them load.
I’d be very grateful for any help!
Best, Keith
Thanks, Keith.
The site title we’ll try to address via an update, I can see the issue. The menu uses bold which is overriding the Customizer, we’ll see what we can do about that too. Try adding to AppearanceCustom CSS or CustomizeAdditional CSS:
#masthead h1 { font-weight: 700 !important; } .main-navigation a { font-weight: normal; }Can you perhaps let me know a post or page to check where there is an h1 and h3 tag in the content?
Many thanks Andrew. That has fixed the header and menu issues.
As for the font size problem, see this page https://www.keithfrankish.com/publications-by-date/ The year dates are h3, which is set to 20 in the theme, but they are larger than the page title, which is set to 26.
Thanks for the update. I’m not seeing a theme setting printing the h3 size in the code. I’m not sure why, I’ll try to take a look at that issue too. Please, try in Custom CSS:
.entry-content h3 { font-size: 20px; }Thanks. It was set to 20px it in the customizer, but the css fixes it.
A suggestion: When a font is selected for body text in the customizer, it would be helpful if italic and bold versions were imported as well as the normal one. I had to add css to import them.
Thanks for your help. On the whole, I’m very pleased with Vantage and will recommend it.
Something else I’ve just noticed: Changing the menu font size (from 300 to 400) changes all the header fonts too (also from 300 to 400). There seem to be problems with the way header and menu fonts are set in the theme. ()I hope that’s helpful!)
Thanks for the feedback. Were you able to resolve the last issue detailed above?