Problems with H1 & H2 size

Support
#1

Hello,

We just launched our blog and I had a question regarding the size of my headlines. Our H1 is as big as our H4 and the H2 is way to big compared to the H1.
Is there a way to change that setting just in the blog section, without modifying those headline for the whole website?

Thank you!

Alex

#2

Hey Alex,

You can do that through custom CSS. Please add this in X > Theme Options > CSS:

.blog h1 {
    font-size: 30px;
}

.blog h2 {
    font-size: 28px;
}

.blog h4 {
    font-size: 24px;
}

Please change the value of the font-size to your preference.

Hope this helps.

#3

Hi!

Thank you, we will try that!

Alex.

#4

Let us know how it goes!

How to change size etc of header h2, h3, h4, h5
#5

Hi!

Also I went and copy pasted the code in the custom css. I didn’t change anything :frowning:
I feel like I’m missing something, could you help me there?

Thank you in advance !

Alex

#6

Hi Alex,

There might be an issue with the CSS code that you have in the Global CSS such as some CSS syntax error that is stopping the CSS code you are adding to work as expected.

To verify that, please copy all the codes that are in the Global CSS and paste it here.

It should provide some information if there are any CSS error that is causing the issue that you have to fix so that the CSS codes will work.

If there is no CSS error, please provide us with the link to your site so that we can check it.

Hope this helps.

#7

Hello,

I did as you suggested and no error appeared so here is the link of my website: https://onebooth.com/blog
(As you can see, we also have the Menu bar at the top who is see-through on that landing page… No idea why)

Thank you again for your help.

Alex

#8

Hi Alex,

You have updated Cornerstone version which is not compatible with an older version of the X theme. Could you please update to the latest versions? Our latest versions are:

  • X theme 6.5.5
  • Cornerstone 3.5.4

This latest release contains fixes for several issues so be sure to check out the changelog (http://theme.co/changelog/).

_After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.-

Please let us know how it goes.

#9

Hi,

We updated everything. but the bug with H1 and H2 size is still not fixed.
I also just found out that I don’t have the option to edit my blog page with cornerstone (I don’t have the “edit with cornerstone” option at the top of the page"), which might be the reason why it doesn’t work…
Do you know how I could fix that? Maybe you could look into our website directly?

Thank you again.
Alex

#10

Hi Alex,

Please try changing the custom CSS to this:

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

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

.blog h4,
.single-post h4 {
    font-size: 24px;
}

Hope it helps :slight_smile:

#11

Hi Alex,

Please try changing the custom CSS to this:

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

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

.blog h4,
.single-post h4 {
    font-size: 24px;
}

Hope it helps :slight_smile:

#12

Hi there,

Thank you for your help, all of our problems are solved now! :slight_smile:

Have a nice day.

#13

You’re welcome.

#14

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