Border Radius Thumbnail Article

Hi Anderson,

Try

img.attachment-full.size-full {
    border-radius: 10px;
}

Let me know.

That'll do all inserted images.

For the blog features image, you would do:

.post-image img {
    border-radius: 10px;
}

Hi!

Thank you!

This worked for the article page:

img.attachment-full.size-full {
    border-radius: 10px;
}

And this one for the list of homepage articles and categories:

.post-image img {
    border-radius: 10px;
}

Glad we can help!

Hi,
I'm trying to do something similar to this to add a 3px border, #cecece to my featured images on the masonry page and the full images on the individual posts.

I added the following CSS, but it doesn't seem to work:

.post-image img {
border-width: 3px;
border-color: #cecece
}

I am using GP Premium, version 1.3.41, with a GeneratePress child theme.

All page except the blog page are built with Elementor. The page builder was not used on the blog page so I could use the Masonry layout.

Any help you could provide would be greatly appreciated!
Mary

Hi Mary,

This CSS should take care of both the blog page and single post:

.post-image img, .page-header-image-single {
    border: 8px solid #cecece;
    box-sizing: border-box;
}

Let us know.

YES! Perfect...thanks, Leo, for your help.
Mary

You're welcome :)

When I set the featured image in the post I can seem to get it to center or have a border-radius of 10px;

Any idea what I'm missing?

Thanks,
JJ

Can you link me to the site?

If you need to provide it privately, feel free to open a new topic so you can use the URL field.

Thanks!