CSS not working for blog post header size

[businessbackpacker]

Hello! I would like to fix my blogs as the headers look giant. I would like to keep the same sizing on my main pages though, because it looks good there.

I tried this css and it is not working:

.single-post h1, .single-post .h1 {
font-size: 22px !important ;
}

.single-post h2, .single-post .h2 {
font-size: 20px !important;
}

.single-post h3, .single-post .h3 {
font-size: 18px !important;
}

Can you please recommend? You can see the sizing issues on this post:

What You Really Want Scares the Shit Out of You!

When I tried fixing the global css it changes my main pages and looks bad, as well. please recommend css code for all header sizes. cheers

[friech]

Hi @businessbackpacker,

Thank you for writing in, the title of the post is h1. You can resize that with this:

.single-post h1.entry-title {
	font-size: 125%;
}

The headers on your content are h2 though, so you can resize that with this:

.single-post h2 {
	font-size: 125%;
}

Hope it helps,
Cheers!

[businessbackpacker]

@friech

.single-post h2 {
font-size: 125%;
}

perfect, thank you!!

[friech]

We are delighted to assist you with this.

Cheers!