Site logo

Archived topic

Rounded Corners for Blog Post containers

5 replies · Started by Vish on January 17, 2019

Viewing posts 1–6 of 6

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 :)

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

Thank you David :)

You're welcome

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.

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;
}
This archived topic is closed to new replies.