Archived topic
Rounded Corners for Blog Post containers
5 replies · Started by Vish on January 17, 2019
Hello
I would like to make the blog post listing containers have rounded corners as in the below link:
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;
}