How to create rounded corners and unique shapes for your images in Squarespace (no coding!)
Squarespace has made some exciting new updates to its image blocks! Instead of needing to use outside software like Photoshop or Canva to create fancy graphics and image shapes, you can now use native functions within Squarespace to create rounded corners or unique shapes for your images! The best part? No code!
If youβre looking to take your design aesthetic to the next level, hereβs how you can easily add rounded corners, circles, arches, and other unique shapes to your images in Squarespace.
Give your Images Rounded Edges in Squarespace
Go to the page and section where youβd like to add your image
Click EDIT on the page
ADD a new image block
UPLOAD your image with the image block
Go to Image Block > Design > Original
Find the corner radius section and CLICK the first icon to apply the same radius to the entire image
Enter an integer from 1-900 such that the rounding matches what you had in mind
The greater the value, the more rounding
100 is always a solid choice
Click SAVE in the upper left corner to apply your changes
How To Create An Arch-Shaped Image In Squarespace
Go to the page and section where youβd like to add your image
Click EDIT on the page
ADD a new image block
UPLOAD your image with the image block
Go to Image Block > Design > Original
Find the corner radius section and adjust the upper right and upper left radii to a really high value, whatever works for your arch shape!
Click SAVE in the upper left corner to apply your changes
How To Create A Circular Image or Other Shapes In Squarespace
Go to the page and section where youβd like to add your image
Click EDIT on the page
ADD a new image block
UPLOAD your image with the image block
Go to Image Block > Design > Shape
Click Shape > to open up preset image shapes
Toggle between the different aspect ratio tabs to find the shape that you like
Click SAVE in the upper left corner to apply your changes
Different image shapes can completely change up the vibe of a Squarespace website. Experiment with some of these different options and let us know your favorite combos!
Loved that post? Check out some more design tips below!
How to create a vertical line in Squarespace (7.0 & 7.1)
How to animate your links on hover in Squarespace 7.0 & 7.1
How to create a full width Instagram feed in Squarespace 7.1
Creating an βas featured inβ logo bar on Squarespace
If you liked this post, Pin it to Pinterest! ππ»