Step 1: Open the CSS panel

• Pages > Scroll down > Custom Code > Custom CSS or

• Typing forward slash ( / ), then “CSS”

Step 2: Copy the Block IDs of the images you want to add a border to.

• You’ll need to install the Squarespace Block ID Finder Chrome extension

Step 3: Update the CSS

• A section in the CSS panel is dedicated to the code snippets for image borders (See Fig. 01)

• Paste the following snippet in and replace #block-XXX with your block ID from step 2

  • #block-XXX {

    outline: solid 1px #HEXCODE; /* Adjust thickness, style, and color */

    }

• You can edit the color of the border by replacing the #HEXCODE

• Remove any unwanted image borders by deleting the relevant snippet.