March 5, 2020 at 7:56 pm #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;
Many thanks in advance!March 6, 2020 at 6:48 am #1190751
It seems like that weight of the font is not included, you can import the bolder version using this in Quick CSS though:
After that then you can try this:
RikardMarch 7, 2020 at 1:34 am #1191043
Thanks Rikard, but that didn’t seem to work. I added the font-weight: 700; to:
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
Did you add the !important declaration? And yes, the font import goes at the top of quick css.
Jordan ShannonMarch 7, 2020 at 8:28 am #1191077
Hi Jordan, yes I did try that and still no change if font weight.March 7, 2020 at 8:53 am #1191083
Can you screenshot the text you need help with?
Jordan ShannonMarch 8, 2020 at 9:25 pm #1191307
Its the phone number in the main header;
https://prnt.sc/rdft3hMarch 9, 2020 at 1:53 am #1191344
That seems to be the 700 weight. When I adjust to other weights, they adjust as they should.
Jordan ShannonMarch 9, 2020 at 2:24 am #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.
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/rdisv1March 9, 2020 at 3:32 am #1191359
Sure, I can check with the rest of the team to see if they have additional insight.
Jordan ShannonMarch 9, 2020 at 12:06 pm #1191446
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 :)
YigitMarch 9, 2020 at 7:38 pm #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?March 9, 2020 at 10:27 pm #1191654
Exactly – https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts :)
You are welcome!
- You must be logged in to reply to this topic.