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?

Melody Lee

Melody Lee | Squarespace Web Developer | Custom Code specialist

With a techy background, she loves the simplicity of Squarespace combined with the freedom of Custom Code to create any designs for a website.

Need help? Book a free Discovery Call to see how Melody can help.


UK-based, work with me from anywhere

https://www.melodylee.tech
Next
Next

How to index your Squarespace website in Google? (2024)