H1 Tag is oversized

Support
#1

I want to be able to use H1 tags on my blog but it is very oversized, so I have been using H4
Can you help me to fix this, so that my H1 tag looks more like my H4?

#2

Hi There,

Thank you for writing in, this is the default value of the post title.

.entry-title {
	font-size: 250%;
}

So in order to overwrite that, add this custom CSS to Theme Options > CSS

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

Adjust the 250% value where you see it fits,
Cheers!

#3

I set it to 250% and 100% but nothing changed

#4

Hi There,

Please provide us the direct page URL so we can take a closer look, there might be something overwriting it.

Thanks,

#5
#6

Hi Shamalee,

Thank you for the URL, so you’re referring to the blog index page title, please add this to Theme Options > CSS instead.

.blog h2.entry-title {
	font-size: 100%;
}

The custom CSS I previously provided is for the individual posts title.

You can inspect your site using Chrome’s developer tools https://developer.chrome.com/devtools to see the styling that is applied to an element and then using custom CSS to override it. You can find more info on how to check for CSS selectors here. Then information about writing your custom CSS here.

Hope that helps,
Cheers!

#7

Thanks but I don’t understand how to override anything, all that stuff just make me frustrated. I tried, but I just don’t understand. Please provide a simpler solution because adding the code to Theme Options > CSS is not doing anything.

#8

Hi Shamalee,

Sorry if I confuse you, please add this to Theme Options > CSS.

.blog h2.entry-title {
	font-size: 100%;
}

Feel free to adjust the 100% value.

Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.