-
AuthorPosts
-
August 2, 2022 at 10:15 am #1360266
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/#wasSo 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
August 2, 2022 at 11:09 am #1360279Hey Diana,
The link you posted is not working on my end, please check the URL and post a working one.
Best regards,
RikardAugust 2, 2022 at 11:12 am #1360281Here again the link: https://meine-achtsamkeit.de/home/#was
Hoping it works now.
Best regards, DianaAugust 2, 2022 at 11:48 am #1360287Hi,
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,
RikardAugust 4, 2022 at 9:48 am #1360581Hello 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
August 4, 2022 at 10:44 am #1360596 -
AuthorPosts
- You must be logged in to reply to this topic.
