[aricharliegold]

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>

[Zed]

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 check the available documentation and search the forums before starting a topic.

[aricharliegold]

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?

[Zed]

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 check the available documentation and search the forums before starting a topic.

[Author]

Posts