[Support request] Change font of heading in blog post archive

[Miguel]

I know the blog post archive uses H2, I would like to change the font heading just for the blog post archive without changing the H2 font in blog posts.

Thanks,

[Leo]

Hi there,

Try this CSS:

h2.entry-title {
    font-size: 20px;
    color: #00;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Miguel]

Awesome that worked on category page. . . oh how about on the homepage’s blog post archive’s?

[Leo]

That should work on blog page as well.

Can you link me to the page in question?

[Christine]

Hey Leo thanks for the code, exactly what I was looking for. Any suggestions on how to also make it capitalized and centered. I figured out the color code, font change and uppercase, but can’t get centering and letter space working. Cheers,

Current code:

h2.entry-title {
font-size: 22px;
text-transform: uppercase;
font-family: raleway
}

Was trying this, but it didn’t work:

h2.entry-title {
font-size: 22px;
color: #383838;
font-family: raleway
text-align: center;
letter-spacing: 0.0625em;
}

[Tom]

That looks like it should work. Can you link us to your site?

[Christine]

Hmm ok I’ll try again and see if I can get it working. Maybe I need to save and clear the cache. Usually the CSS changes happen instantly, but let me try again. I have my directory password protected as I’m rebuilding our site on a staging site. This is one of my low priority tasks, once it goes live I’ll check back in and see if you guys can help. Cheers.

[Tom]

Sounds good, we’ll be here 🙂

[Christine]

Thanks Tom, not sure if you’ve seen my other support ticket, but that’s the priority one. Trying to work out why the margins disappear in tablet / mobile for my posts and archives pages. Last issue before we relaunch our new site with GP, very excited! Would love any suggestions. Have tried the layout feature, but doesn’t seem to work for mobile.

Cheers!

[Author]

Posts