[Resolved] Border Radius Thumbnail Article

[Anderson Ojope]

How do I put border radius on the featured images of the article?

Ps: Only in the main image.

https://goo.gl/JzkHf1

[Leo]

Hi Anderson,

Try

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

Let me know.

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

[Tom]

That’ll do all inserted images.

For the blog features image, you would do:

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anderson Ojope]

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;
}

[Leo]

Glad we can help!

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

[Mary]

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

[Leo]

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.

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

[Mary]

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

[Leo]

You’re welcome 🙂

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

[JJ Smith]

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

[Leo]

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!

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

[Author]

Posts