[Resolved] Changing Font Issue

This topic contains 8 replies, has 2 voices, and was last updated by  Andrew Misplon 2 years, 1 month ago.

  • Author
    Posts
  • #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

    #4843

    dalvsep
    Participant
    This reply has been marked as private.
    #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: support@purothemes.com
    Role: Administrator
    Enable option to email password.

    You can delete the account once we’re done.

    Thanks

    #4850

    dalvsep
    Participant

    Thanks for your reply. The account is created

    Best

    #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.

    #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 🙂

    #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.

    #4880

    dalvsep
    Participant

    Perfect! Everything is good now.
    Thank you again!

    #4881

    Andrew Misplon
    Keymaster

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

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

Scroll to top