Buy me a coffee

Where is Custom CSS & Code Injection?

Where is Custom CSS?

7.1 version (latest version)

If you’ve just created a site in the last few months, you’re probably using version 7.1.

First, login to your site > Choose Website

 

where-is-custom-css-01

Next, scroll down to bottom and click Website Tools

 

where-is-custom-css-02

And click Custom CSS

 

where-is-custom-css-03

7.0 version

Choose Website

 

where-is-custom-css-01

Next, choose Pages

 

where-is-custom-css-05

Next, scroll down to bottom and choose Website Tools

 

where-is-custom-css-06

Next, click Custom CSS

Where is Code Injection?

Code Injection include Site wide Code Injection (Header, Footer) and Individual Page Code Injection (Header)

  • Site wide Code Injection: the code affects all pages
  • Individual Page Injection: the code effect that page only

Site wide Code Injection

First, click Website

 

where-is-custom-css-04

Next, scroll down to bottom of site > Choose Website Tools

 

where-is-custom-css-08

And choose Code Injection

 

where-is-custom-css-09

Individual Page Code Injection

First, click Website

 

where-is-custom-css-04

Hover on page where you want to find Code Injection > Click Gear icon

 

where-is-custom-css-11

Choose Advanced

 

where-is-custom-css-12

And right box is Individual Page Code Injection

 

where-is-custom-css-13

Post Blog Item Code Injection

#1. First, hover on the Blog Page and click on the Gear icon

 

where-is-custom-css-14

#2. Choose Advanced and then choose Blog Post Item Code Injection 

 

where-is-custom-css-15

#3. Enter your code here and Save

where-is-custom-css-16

 

Ask me a question, free

If your site is private or in trial, just setup password and share url. See how to: https://beaverhero.com/squarespace-how-to/
Please check your email carefully. Recently I got a lot of questions with wrong emails.

If you haven't heard from me within 24 hours please check your junk/spam folder