Support/Ultra Theme/Changing Font Issue

[Resolved] Changing Font Issue

  • Author
    Posts
  • September 11, 2016 at 9:48 pm #4842

    dalvsep
    Participant

    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

    September 11, 2016 at 9:49 pm #4843

    dalvsep
    Participant
    This reply has been marked as private.
    September 12, 2016 at 10:53 am #4849

    Andrew Misplon
    Keymaster

    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

    September 12, 2016 at 11:06 am #4850

    dalvsep
    Participant

    Thanks for your reply. The account is created

    Best

    September 12, 2016 at 11:21 am #4851

    Andrew Misplon
    Keymaster

    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.

    September 12, 2016 at 11:51 am #4853

    dalvsep
    Participant

    That’s great! Can you tell me what was the default for the Header also? I want everything to be in the same font 🙂

    September 12, 2016 at 2:11 pm #4856

    Andrew Misplon
    Keymaster

    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.

    September 12, 2016 at 6:49 pm #4880

    dalvsep
    Participant

    Perfect! Everything is good now.
    Thank you again!

    September 12, 2016 at 6:50 pm #4881

    Andrew Misplon
    Keymaster

    Awesome 🙂 Glad to hear your custom font is working nicely. All the best.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

Scroll to top