Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1190610

    Hello Support, I’m trying to change the font-weight of a Widget Header Title but having no success.
    I would like the phone number in the Menu Header to be bolder. I can successfully change font size etc, but my attempts are having zero effect on the font-weight. The font is Montserrat and I wonder if it might be something to do with this font family. I’m happy to change the font to Helvetica Neue bold if Montserrat is troublesome. This is the CSS I’ve tried;

    #text-3 {
    font-weight: 900;
    position: absolute;
    left: 40%;
    font-size: 24px;
    }

    Any ideas?
    Many thanks in advance!

    #1190751

    Hey Suze,

    It seems like that weight of the font is not included, you can import the bolder version using this in Quick CSS though:

    @import url('https://fonts.googleapis.com/css?family=Montserrat:700&display=swap');

    After that then you can try this:

    font-weight: 700;

    Best regards,
    Rikard

    #1191043

    Thanks Rikard, but that didn’t seem to work. I added the font-weight: 700; to:

    #text-3 {
    position: absolute;
    left: 40%;
    font-size: 24px;
    font-weight: 700;
    }

    And the @import url(‘https://fonts.googleapis.com/css?family=Montserrat:700&display=swap’);
    at the very top of the Quick CSS.

    Is that correct?

    #1191076

    Hi,

    Did you add the !important declaration? And yes, the font import goes at the top of quick css.

    Best regards,
    Jordan Shannon

    #1191077

    Hi Jordan, yes I did try that and still no change if font weight.

    #1191083

    Hi,

    Can you screenshot the text you need help with?

    Best regards,
    Jordan Shannon

    #1191307

    Its the phone number in the main header;
    https://prnt.sc/rdfsk3
    https://prnt.sc/rdft3h

    #1191344

    Hi,

    That seems to be the 700 weight. When I adjust to other weights, they adjust as they should.

    Best regards,
    Jordan Shannon

    #1191348

    Well it doesn’t change for me using Chrome Version 80.0.3987.132 or my client’s browser.
    Is there anyone else that can help?
    FYI – Montserrat … semi-bold 600. semi-bold 600 Italic. bold 700. extra-bold 800. black 900.
    https://prnt.sc/rdiso2
    I’ve changed it to 900 now which should be as bold as the screenshot but its more of a regular or medium.
    https://prnt.sc/rdisv1

    #1191359

    Hi,

    Sure, I can check with the rest of the team to see if they have additional insight.

    Best regards,
    Jordan Shannon

    #1191446

    Hi,

    I downloaded Montserrat font with 700 font weight and uploaded it in Enfold theme options > Import & Export. Then I went to Enfold theme options > Advanced Styling, edited “Widget title” only in logo area and set font weight to 700.

    Please review your website :)

    Cheers!
    Yigit

    #1191625

    BRILLIANT. Thank you, that’s looking exactly how we want it to.
    If the client wants to see it bolder still, I would just need to upload say the 900 weight font and adjust Advanced Styling as per your instructions, right?

    #1191654

    Hi,

    Exactly – https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts :)

    You are welcome!

    Best regards,
    Yigit

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.