Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 5, 2020 at 7:56 pm #1190610
    ellamac

    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!

    March 6, 2020 at 6:48 am #1190751
    Rikard

    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

    March 7, 2020 at 1:34 am #1191043
    ellamac

    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?

    March 7, 2020 at 8:26 am #1191076
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    March 7, 2020 at 8:28 am #1191077
    ellamac

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

    March 7, 2020 at 8:53 am #1191083
    Jordan Shannon

    Hi,

    Can you screenshot the text you need help with?

    Best regards,
    Jordan Shannon

    March 8, 2020 at 9:25 pm #1191307
    ellamac

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

    March 9, 2020 at 1:53 am #1191344
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    March 9, 2020 at 2:24 am #1191348
    ellamac

    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

    March 9, 2020 at 3:32 am #1191359
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    March 9, 2020 at 12:06 pm #1191446
    Yigit

    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

    March 9, 2020 at 7:38 pm #1191625
    ellamac

    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?

    March 9, 2020 at 10:27 pm #1191654
    Yigit

    Hi,

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

    You are welcome!

    Best regards,
    Yigit

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