Where to add Custom CSS in Squarespace? 7.0 & 7.1 (2024)
The Custom CSS editor has been moved around in the menu. Let me show you two ways of locating the Custom CSS editor.
Custom CSS is one of the ways you can add Custom Code to your Squarespace website.
Method 1: Navigate to it
You can find the Custom CSS panel in the Squarespace editor.
From the navigation menu, click on Pages. It is under the menu item Website.
This should be applicable if you’re on 7.1.
Note, if you don’t see Pages under Website, you might have to click on Website.
You should see the items Pages and Design, click on Pages. This should be applicable if you’re on 7.0.
On Pages, scroll down to the bottom of the menu panel.
Under Utilities, click on Website Tools.
Here you will find Custom CSS under Website Tools.
Method 2: Use the Search short key
A super handy feature that many don’t seem to know about!
On your keyboard, press the key forward slash.
A Search pop-up will appear.
Type in the Search box, and a list of matching menu pages will appear.
Click on Custom CSS from the list.
Did I help? You can support me by sharing my post or consider ☕buying me a coffee☕ :) Thank you, happy building.
#neverstoplearning
Need my help?
Over a decade in tech, 10+ Squarespace websites worked on in the last 12 months, 100+ website owners helped including on the Squarespace Forum.
Or
