Page Title and H1 not updating in Theme Options

Good evening!

I'm trying to update the heading sizes on my site using the theme options and H2 keeps showing up as FAR larger than the H1 / page title, even though I've adjusted them numerous times but it's not working. The H2 size looks absurdly large compared to the site title.

All the other heading sizes change when I update them there, but the H1 and Page title stay the same and it looks super weird when I have any large headings that go onto a second line, because it's not updating the line height either.

I have it set for the page title to be 80px, H1 to be 70px, and H2 50px.

Do you know how to fix the theme options so they actually update all the way? Thank ya!

Here's an example link: https://carfreeacademy.com/carfree-vs-car-less/

Comments

  • Hi,

    Which value did you change? The H1 or Page title?

    As the Page title has its own class and settings, it overwrites the H1 tag style.

    Best regards

  • I have the page title set to 80, H1 to 70, and H2 to 50 but H2 dominates both settings:

    Here are my theme option settings and an example of how weird it looks on a post:



  • (I wasn't able to include two screenshots in that comment)... doesn't that look odd?

  • Sorry, the page title refers only to the title in the Subheader.

    To change the one below the image, please, use the following CSS code:

    .post-header .title_wrapper h1{
       font-size: 60px!important;
       line-height: 65px!important;
    }
    

    Thanks

Sign In or Register to comment.