How to Add Rounded Corners to Images

In this blog, learn how to quickly and easily add rounded corners to images on your Squarespace website.  

Watch the video

Check out the YouTube video below 👇

The first method is to add a corner radius directly to image blocks.
To do this, right-click (or double-click) the image and open the image editor. Then, click on Design. You'll see an option to add a corner radius—enter your preferred value, and the image will display rounded corners.

The second method applies a site-wide corner radius to all images.
To do this, go to Pages → Website Tools → Custom CSS, and add the following code:

img {

border-radius: 30px; /* Change to your preferred border radius */

}

Once added, all images across your site will have rounded corners.

Your designer

I'm Victor Rolf, an expert Squarespace designer .If you'd like to discuss a potential project, you can email me at victor@rolfmade.com or get in touch here. Alternatively, book a free 15-minute consultation call here.