Archived topic

How do I display rounded thumbnails on my home page?

6 replies · Started by Mike on January 29, 2019

Viewing posts 1–7 of 7

January 29, 2019 at 7:46 pm #796151

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)

thumbnails

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!

January 29, 2019 at 7:52 pm #796155

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!

January 29, 2019 at 8:24 pm #796173

Posted there. Thanks, Leo!

January 29, 2019 at 8:37 pm #796177

Thanks!

Answered :)

January 29, 2019 at 10:49 pm #796221

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

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

Let me know :)

January 30, 2019 at 6:02 pm #797189

Worked. Thanks again, Leo!

January 30, 2019 at 6:05 pm #797191

Glad I could help :)

This archived topic is closed to new replies.