How to add a border around your images in Squarespace 7.1

Byauthor

Adding a border to your images can help them stand out. You can create borders in canva but it can be a little tricky, I found creating them within Squarespace was easier once you know how.

This post may contain affiliate links, which means I’ll receive a commission if you purchase through my link, at no extra cost to you. Please read full disclosure here.

 

You need to add this code to the custom CSS area. You can find the area to add CSS by going here:

Website > Website settings > Custom CSS

CUSTOM CODE:

#block-yui_3_17_2_1_1692567791100_206080, #block-yui_3_17_2_1_1692524132790_15369

{

border: solid 3px black;

padding: 0;

}

If you find the border doesn’t perfectly go around the image, change the image from fit to fill. This is because there will be an image box then your image fits inside the image box. You might have to play around to get your image to look right.

You can make it a thinner line or thicker by changing the px value.

If you want to change the colour of the border, change ‘“black” to what ever colour your want like “white”.