dalvsep Sep 11, 2016 · 9:48 pm #4842 Hi Andrew
I am trying to change the font on my website (I bought one from myfonts.com). I installed the plugin provided and followed the “how-to” but it didn’t work. So I’ve put the following code in custom.css:
body,
button,
input,
select,
textarea {
font-family: AvenirLTStd-Roman, arial, sans-serif;
font-weight: normal;
font-style: normal;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
font-family: AvenirLTStd-Roman, arial, sans-serif;
font-weight: normal;
font-style: normal;
}
But it still doesn’t work on the Ultra Premium. I’ve tested with another theme and it partially worked… Can you help?
Best,
Silviu
dalvsep Sep 11, 2016 · 9:49 pm #4843 This reply has been marked as private.
Andrew Misplon Puro Sep 12, 2016 · 10:53 am #4849 Hi Vlad
Thanks for posting. The Ultra Customizer has several font options, this means that for example, the font you’ve selected for the menu, Quicksand, has more specific CSS than the Custom CSS you’ve used. Custom CSS targets body but the menu font setting targets the .main-navigation which is more specific, therefore it wins.
Ideally, we’ll get this change done with as a little Custom CSS as possible. If you’d like to create a temporary user account for me I’ll see what I can do in that regard.
Users > Add New:
Username: puro
Email: [email protected]
Role: Administrator
Enable option to email password.
You can delete the account once we’re done.
Thanks
dalvsep Sep 12, 2016 · 11:06 am #4850 Thanks for your reply. The account is created
Best
Andrew Misplon Puro Sep 12, 2016 · 11:21 am #4851 Super, thanks 🙂
What I did was return a few of the font settings to Lato which is the default. That stops the Customizer outputting a CSS rule for that selector (item) and allows your initial Custom CSS to take effect.
Please, take a look around and let me know if I missed anything.
dalvsep Sep 12, 2016 · 11:51 am #4853 That’s great! Can you tell me what was the default for the Header also? I want everything to be in the same font 🙂
Andrew Misplon Puro Sep 12, 2016 · 2:11 pm #4856 Sure, that would be Muli. You’ll need to add to Custom CSS:
/* Site Title */
.site-header .site-branding h1.site-title {
font-family: "Lato";
}
Replace the above font-family value with your own.
dalvsep Sep 12, 2016 · 6:49 pm #4880 Perfect! Everything is good now.
Thank you again!
Andrew Misplon Puro Sep 12, 2016 · 6:50 pm #4881 Awesome 🙂 Glad to hear your custom font is working nicely. All the best.