Blog post header is smaller than H2

[beastlocal]

Hi there, still working on my blog on the back end (not live yet). I see that the header is not as large as H2 which is not correct to me. Screenshot: https://prnt.sc/rugpm1

How do change the size easily? I’ve been through every possible permutation here https://prnt.sc/rugpty and here https://prnt.sc/rugqo8. Surely it would make sense to put the respective font size customization choices here, not just the H2/H2/H3 etc ‘letter spacing’?

Thank you for any help.

PS I have read the info https://theme.co/docs/font-manager quite a few times, but it appears not so helpful in regards to my issue.

[christian]

Hey @modernanxiety,

Welcome to our Support Forum and thanks for writing in. What you see is what our theme developer thought to be the best size for the Post or Entry Title so there’s no option for it.

If you wish to modify the size, you’d need to override it with CSS. The following code is from the theme’s CSS which you can see if you inspect the title using the browser’s element inspector. Go to X > Theme Options > CSS and add that code and increase the 200% value.

h1.entry-title {
    font-size: 200%;
}

Please just note that we do not provide theme customization. The purpose of showing you the code is to give you an idea on how to override an area of our theme that is not configurable using options.

We recognize that this is a limitation in our theme though so in the future, we will have a Layout Builder to allow you, our users, to build your ideal single and archive page design.

@kyle

Layout Builder

Finally, work has begun on our next cycle which will bring the highly anticipated Layout Builder. The next iteration in our family of integrated builders will allow you incredible control over blogs, index pages, archives, and more. Several new Elements will be making a debut in addition to Design Cloud templates and of course a step-by-step YouTube series. It is a little early to speculate on an expected launch date, but we will know more after the first of the year.

Hope that helps.

[beastlocal]

Oh this is awesome - I am excited about the Layout Builder! Using X theme is proving very difficult to me, as a daily, reasonably advanced Wordpress user of 6 years and Showit user of 3 years. (with no coding experience)

However, as I’m sure many have the same issue to me and this could be helpful when they search the forum (and save you guys having to type this out again) is the opposite - how to make the H2’s smaller, not the title bigger.

The reason I say this is because when you take a look at this: https://prnt.sc/ruu725 (or here https://prnt.sc/ruubd7 with another modification I was able to make) you’ll realize the H2 are giant, not the title being too small. Title is actually a perfect size.

[christian]

Hey @modernanxiety,

You’re welcome and we’re glad to hear that your excited about the Layout Builder.

I should have added that if you wish to tweak the regular h1 to h6 font size, copy and edit the values of the following code.

h1, .h1 {
    font-size: 200%;
}
h2, .h2 {
    font-size: 180%;
}
h3, .h3 {
    font-size: 160%;
}
h4, .h4 {
    font-size: 140%;
}
h5, .h5 {
    font-size: 120%;
}
h6, .h6 {
    font-size: 100%;
}

Just setting expectations right, this is as far as we can help with theme customization.

Hope that helps.

[beastlocal]

@christian

h1, .h1 { font-size: 200%; } h2, .h2 { font-size: 180%; } h3, .h3 { font-size: 160%; } h4, .h4 { font-size: 140%; } h5, .h5 { font-size: 120%; } h6, .h6 { font-size: 100%; }

This worked great - thank you!

[lely]

You’re always welcome @modernanxiety!

Cheers.