Dear support team,
I’m currently working on a website where I want to change the font weight for a single heading (only occurs once on the page).
The heading is an h2 on the home page and since it is in yellow font and therefore not very legible, I would like to make this heading (unlike all other h2 headings on the website) thicker. The title is as follows: https://meine-achtsammlich.de/home/#was
So I gave this heading on the page in the developer settings a class designation called “heading” and inserted the following code in the Quick CSS:
#top.page-id-2852 h2 .headline {
font-weight: 600 !important;
}
Unfortunately this does not work!
What and how do I have to change the code so that only this one heading has its own font size?
Thank you and best regards, Diana
Hey Diana,
The link you posted is not working on my end, please check the URL and post a working one.
Best regards,
Rikard
Here again the link: https://meine-achtsamkeit.de/home/#was
Hoping it works now.
Best regards, Diana
Hi,
Thanks for that. You should be able to use CSS like this:
.ueberschrift h2 {
font-weight: 100;
}
But I see that the weight is not changing when I check it in the browser, does the font you are using support other weights?
Best regards,
Rikard
Hello Ricard,
thank you very much for the code.
The font ‘Cormorant Garamond’ is integrated locally and has the font weights 300 / 400 / 500 / 600 / 700
I added an “!important” to your code and now it works!!!
.heading h2 {
font-weight: 500 !important;
}
Best regards Diana