Custom CSS basics for Squarespace 7.1

Step by step

1. 01

   Open Custom CSS

   Settings → Advanced → Custom CSS. Anything you paste here applies site-wide.

2. 02

   Find the right selector

   Right-click an element on your site → Inspect. Squarespace uses data-* attributes and section IDs you can target.

3. 03

   Try a quick win

   Add this to round all images: img { border-radius: 12px; }

4. 04

   Scope CSS to one page

   Use the page's URL slug as a class: body.your-page-slug-here h1 { color: tomato; }