Archived topic

Change the H1 Tag font size for any page

3 replies · Started by daniel on March 25, 2020

Viewing posts 1–4 of 4

March 25, 2020 at 1:05 pm #1210036

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?

March 25, 2020 at 2:17 pm #1210083

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 :)

March 27, 2020 at 1:38 am #1211556

Thanks Leo appreciate that

March 27, 2020 at 8:45 am #1212121

No problem :)

This archived topic is closed to new replies.