[Support request] Changing Font for Single Content Title (H1)

[Bettijo]

I want to change the font of the <h1> Content Title for my posts pages. I see that the Customizer has the ability to change the font-weight, text-transform, font size and line height but I can’t change the actual FONT used, and of course that is the thing I really want to do!

Can anyone help me out with CSS for this?

I like the way the H1 Page Title looks on my pages:
https://attalie.com/about/

Now I’m trying to setup my Blog Post pages. Here is the sample post I’m working with:
https://attalie.com/the-universe-is-a-big-place/

The way this template was setup the <h1> title is put up in the header bar with a custom Element. I like it on the Pages, but I want it different on the Posts. I figured out how to make a new Element assigned to the Post pages, and now I have the Post Title displaying down by the body content where I want it, but I’d like it to be in a different font (Playfair Display).

I’m wondering if someone can help me figure out the correct custom CSS to address this? Thanks so much! –b

[Elvin]

Hi,

You can try adding this CSS:

.page-hero > .inside-page-hero > h1 { 
font-family: 'Playfair Display', serif;
}

Here’s how to add CSS – https://docs.generatepress.com/article/adding-css/

Let us know if it works for you.

[Author]

Posts