[Resolved] Change the H1 Tag font size for any page

[daniel]

I would like to change the H1 font size for my home page. And sometimes I will neeed to do the same for other pages.

Sometimes I also want to move the H1 tag to the middle or the right hand side.

Where can I find the CSS code to alter for individual pages?

Or is it a case of a global CSS file which applies to the whole website?

[Leo]

Hi there,

The global setting would be in Customizer > Typography > Headings > Heading 1 (H1).

If you need to change it for an individual page, then we would need to use CSS and target specific pages:

body.page-id-xxx h1.entry-title {
    font-size: 20px;
    text-align: center;
}

Just replace xxx with the actual id of the page you are targetting.

Let me know if this helps 🙂

[daniel]

Thanks Leo appreciate that

[Leo]

No problem 🙂

[Author]

Posts