Irregular shaped organic image frames

Irregular shaped organic image frames

Add an artistic touch to your images with irregular shapes. Follow this short tutorial to apply a custom organic shape to your images within a section.

  1. Log in to your Squarespace website.

  2. Go to Website Editor > Design.

  3. Click on Custom CSS.

  4. Copy and paste the following code snippet into the Custom CSS box:

 
[add section ID here] {
img { 
border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%; 

{

{

 

5. Click ‘Save’ and check how the image adopts an organic, irregular shape.

6. Adjust the border-radius values to tweak the effect.

 


Found this tutorial helpful?
Previous
Previous

Create a Featured Blog Post layout with Squarespace Summary Block

Next
Next

Stack Squarespace shop categories/filters on mobile view