[Resolved] Archive page post titles

[Victoria]

How can I change the formatting of my archive page post titles? On my blog page, the titles are formatted perfectly. On my category archives, the title is just hyperlinked body text. Thanks!

https://thebuildits.com/blog/
https://thebuildits.com/diy-projects/
https://thebuildits.com/

[David]

Hi there,

the latest posts blocks – is frankly quite terrible as it doesn’t allow you to change the HTML element used for the title. So it just outputs an <a> – no H2 or what would be expected for an archive.

To style it would require some CSS like so:

.inside-article .wp-block-latest-posts a:not(.read-more) {
    font-size: 24px;
    font-weight: 600;
    color: #f00;
}

.inside-article .wp-block-latest-posts a:not(.read-more):hover {
    color: #00f;
}

Personally i would just use the GP Category Archives to display the content – then it will use the Theme styles.

[Victoria]

Thank you! I switched one to a category page and used that CSS for the home page. Right now the CSS is also impacting the “read more” button’s font color and font size. Is there a way to exclude the button? I’m a newbie, so what I’m asking might be impossible, but I figured I’d ask.

[David]

I updated the CSS here to exclude the read-more. Let me know.

[Victoria]

Thank you so much! It’s perfect now.

[David]

Glad to hear that

[Author]

Posts