Is there anyway to change <h2> and <h3> sizes etc

Hi,

I’ve just purchased the X Theme and playing around with the settings. I can’t for the life of me find where to adjust the h1, h2, h3 and h4 font sizes, as the default size is too large for what I want.

Is there an easy way to do this?

Hi Adam,

The size of the heading tags are determined by a percentage of the base font sizes that you set in X > Theme Options > Typography.

You can change the base font size but not the percentage of the heading. You will need to add CSS code to do that. For example you can add the code below to X > Theme Options > CSS for h1 tag:

body h1, body .h1 {
font-size: 32px;
}

If you want to have a responsive heading I suggest that you check this answer:

Thank you.

Hi Christopher, thanks so much for the prompt reply, I got that working :blush:

I just have one more question if that is ok by you.

Howcome on my blog posts there are three H1 tags?

h1 class=“visually-hidden”>/h1
h1 class=“h-landmark”>/h1
h1 class=“entry-title”>/h1

Hi There,

To remove the duplicate h1 tags from single post, please follow this ticket:

Hope it helps :slight_smile:

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