Change font-size of H1/H2

  • Author
    Posts
  • #107310

    Hi!
    I’m using Nirvana, super happy with it. I can’t however change the font-size of H1/H2/H3 tags.
    I’ve tried with classes. I’ve created a css-class in the style.css but the font-size still doesn’t change.
    I can change other things. For example, I can change the font-weight with an H1-class. But the font-size never changes.

    How do I go about changing that?
    My code:
    style.css:
    .example {
    font-size: 17px;
    font-weight: 500;
    padding: 0px;
    margin: 0px;
    }

    HTML:
    <h1 class=”example”>Test</h1>

    #107406
    Zed
    Cryout Creations Team

    In Nirvana the heading font sizes are configurable (relative to the general site font size) through the theme’s settings – look for the Typography settings:
    https://www.cryoutcreations.eu/docs/themes-legacy/settings/text/#headings-font


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #107421

    Thank you for your response. That works, but is there a way to bypass this and change the font-size of a specific H1 with CSS?

    #107714
    Zed
    Cryout Creations Team

    Of course you can override styling, but you need to ensure your custom styling is more specific than existing one.

    As a solution that works (almost) every time, copy the exact identifier that currently applies last (from the browser’s developer console) and prepend body to that identifier to make it slightly more specific.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
Viewing 4 posts - 1 through 4 (of 4 total)

You need to log in to reply to this topic.