Tutorial + Code: https://www.will-myers.com/articles/adding-css-to-a-squarespace-website
Learn CSS in Squarespace: https://www.will-myers.com/learn-css-in-squarespace
In this tutorial, let’s talk about the ways in which we can add Custom CSS to a Squarespace site, the benefits / tradeoffs of each of these options, and adding comments to our code.
Be Aware: You need to be on the Squarespace Business or Higher plan to have access to the Custom code areas.
There are 4 main places you can add CSS onto your website:
– The Custom CSS Area
– The Page Header Code Injection Area
– Code Block
– Site Header Code Injection Area
Let’s go over each.
0:34 – What is CSS?
2:38 – Adding CSS to the Page Header Code Injection Area
3:49 – Adding Comments in Custom CSS
4:55 – Commenting Best Practice
5:46 – Adding CSS to Page Header Code Injection Area
8:15 – Bark Break
8:21 – Additional Ways to Add CSS
10:20 – Best Place to Add CSS
11:28 – Learn CSS in Squarespace Course