There might come a time where you want to add a customised colour to a section that doesn’t appear in your colour themes.

To do this, you need to target the exact section on the page, and then add the custom colour you want to the code.

Watch the video on YouTube

Step 1: Locate the Section ID

To find the Section ID, use the following link and add the Squarespace ID Finder to Chrome

Step 2: Find the Hex Colour

To do this this, we typically

Step 3: Edit code to add custom section ID and colour

• Use the Squarespace ID Finder to locate the section ID

• Take the ID and replace the numbers / letters within the quote marks

• Replace the hex colour eg: #4B5EE7 and insert your own colour.

Code for Business Plan or Higher

Instructional Steps

Add this code to the following place…

• Page Settings

  • Advanced

    • Page Code Injection

Copy and Paste the below, and edit the hex colour eg: #4B5EE7

For Personal Plan

Instructional Steps…

Add the following code to…

• Custom CSS

Copy and Paste the below, and edit the hex colour eg: #4B5EE7