Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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/#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

    #1360279

    Hey Diana,

    The link you posted is not working on my end, please check the URL and post a working one.

    Best regards,
    Rikard

    #1360281

    Here again the link: https://meine-achtsamkeit.de/home/#was
    Hoping it works now.
    Best regards, Diana

    #1360287

    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

    #1360581

    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

    #1360596

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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