[Resolved] Rounded Corners for Blog Post containers

[Vish]

Hello

I would like to make the blog post listing containers have rounded corners as in the below link:

https://spreadprivacy.com/

I have included my site URL in the post 🙂

[David]

Hi there,

give this CSS a shot:

.generate-columns-container .inside-article {
    border-radius: 5px;
}
.generate-columns-container .inside-article .post-image img {
    border-radius: 5px 5px 0 0;
}

[Vish]

Thank you David 🙂

[David]

You’re welcome

[Rickard]

Hello!

This code works for the blog page which shows the latest articles, but not an individual post.

How can I make the corners rounded on the posts themself?

I am displaying the image above the title with no padding.

[David]

Hi there,

this will apply to blog and single posts

.inside-article {
border-radius: 5px;
}

If you want to include comments area and sidebar widgets then this:

.inside-article, .comments-area, .widget {
    border-radius: 5px;
}

[Author]

Posts