- Posts
As per WordPress support, have tried:
#main-nav ul a {
font-family: “Times”, serif;
}in the Custom CSS, but in the Inspector it always says:
#main-menu li a, .mce-content-body .sm-clean {
font-family: Montserrat;
font-size: 14px;
line-height: 1.5;
text-transform: uppercase;
font-weight: 500;
}So I inserted this code back into Custom CSS with the font-family changed and that does not work either!
How do I change the font and remove the Uppercase text transform on the menus?
Follow up question: if I have a custom font not listed on the customiser, how do I include and reference that?
Hi Andrew,
Thanks for reaching out and thank you for using Crio Pro WordPress theme!
Sorry you’re having trouble including your custom font into your theme. The Your Crio theme uses the Google Fonts library to incorporate fonts. If you’re using a custom font that is not listed in the customizer you’ll have to find a way to enqueue that font before you can call it using CSS.
The best way to go about this in my opinion is to use a plugin like Code Snippets to enqueue your custom fonts.
I hope this helps. Please reach back out if you need further assistance with anything.
Thanks for answering the follow on question – do you have any insight into how to solve the main problem?
Thanks for answering the follow on question – do you have any insight into how to solve the main problem?
As per WordPress support, have tried:
#main-nav ul a {
font-family: “Times”, serif;
}in the Custom CSS, but in the Inspector it always says:
#main-menu li a, .mce-content-body .sm-clean {
font-family: Montserrat;
font-size: 14px;
line-height: 1.5;
text-transform: uppercase;
font-weight: 500;
}So I inserted this code back into Custom CSS with the font-family changed and that does not work either!
How do I change the font and remove the Uppercase text transform on the menus?
Hi Andrew,
I apologize I thought the main issue was the custom font itself not loading, which the solution would be to enqueue the custom font so that you can call it in the customizer.
Did you have a more specific question you would like for us to answer?
Yes, as per the original text in the question… how do you change the font in the menus and remove the uppercase transform?
None of the CSS I have tried (examples give above) seems to work.
Thanks Andrew,
You can change the font and casing of your Main Menu items from the WordPress Customizer. You’d just navigate from your WordPress dashboard to Appearance < Design < Menus < Main Menu < Font and from here you can change the Font Family, as well as Text Transformation of your page header menu text.
However, if you wish to add a custom font that is not native to the Google Fonts library you will need to enqueue the font as mentioned above in order select it using CSS.
I hope this helps!
- The topic ‘How do I change Main Menu font in my Crio WordPress theme?’ is closed to new replies.
