Docs

[TactikMedia]

Hello,

I am currently trying to change the font size of my H1, H2 and H3 headers in blog posts only. I have found CSS code to do the job and I noticed the font size changes in the live preview of the Customizer but once I save the changes and browse the blog post normally, the font size remains the same as before. I do not see the code being applied anywhere in the Chrome Developer Tools, I have also tried to clear the cache just to see if it would help.

The current CSS code is the following :

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

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

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

What am I doing wrong?

[Darshana]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[TactikMedia]

This reply has been marked as private.

[Joao]

Hi There,

Please try :

.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;
}

I have test` on my installation and it works, if it fails to work on your end please check the CSS rules above this code for mistakes like a missing }

Hope that helps

Joao

[Author]

Posts