[Resolved] How do I display rounded thumbnails on my home page?

[Mike]

Hi folks,

Not very technical so please bear with me.

How do I display rounded thumbnails on my home page?

Here’s a screenshot of what I’m going for, for reference:

(Markmanson.net)

I’m using the “WP Show Posts” plugin to generate a list of my posts on my home page.

And all my thumbnails are outputs of my featured images.

Someone mentioned to use the border-radius property.

Exactly how and where do I do that?

Customize > Additional CSS?

Editor > Style.css?

Sorry. Teaching myself this as I go.

Thank you!

[Leo]

Hi there,

WP Show Posts is a separate plugin so any chance you can open a support topic in its own forum?
https://wordpress.org/support/plugin/wp-show-posts/

That way other users might find it helpful as well.

I should be able to help you with the CSS.

Thanks!

[Mike]

Posted there. Thanks, Leo!

[Leo]

Thanks!

Answered 🙂

[Leo]

The blog page style is coming from GP, so this should be the CSS:

.post-image img {
    border-radius: 50%;
}

Let me know 🙂

[Mike]

Worked. Thanks again, Leo!

[Leo]

Glad I could help 🙂

[Author]

Posts