Archived topic
Round the corner of images
5 replies · Started by lewis on June 29, 2022
Hi there, I am looking for a way to round the corners of all the images within blog posts (header image and in-content images) across the entire site. I have added an example of what I am trying to achieve with the rounded images. Have also included the site I am trying to achieve this on. Thanks
Hi Lewis,
Try add this CSS to customizer > additional CSS:
.single .inside-article img {
border-radius: 20px;
}Feel free to play around with the number to get the desired effect.
Thanks so much! Works like a charm. Is there a way to curve the images site wide on the homepage, blog roll, archives etc? Thanks
Hi Lewis,
Try altering the CSS into something like this:
img {
border-radius: 20px;
}Hope this helps!
Great, thanks. It works for all images except for the featured post on the homepage. Thanks
Are you using a Content Template for the Featured image in the Front page?
The featured image is added as a background image of a Container Block. It would be best to edit the Content Template, and add the Border radius to the Container Block there.
Hope this clarifies!
