Squarespace CSS Cheat Sheet
Customize your websites with our Squarespace CSS Selectors Cheat Sheet featuring:
60+ of the most common Squarespace selectors so you can easily target almost any element on your website
10+ of the most common properties + example values to help you style those elements exactly how you’d like
Compiled by a Squarespace designer with 125+ launches
Simple copy & paste CSS codes delivered to you in PDF format
Created for Squarespace CSS enthusiasts of all levels
What is CSS and Why Do You Need It?
Put simply: CSS is a language used to control the appearance of a website.
Using CSS on a Squarespace site allows us to define and fine-tune styles that Squarespace doesn’t give us control of. Although we all love Squarespace, and Fluid Engine gives us a lot of flexibility, we still need custom CSS to make a website truly custom.
Want even more?
Make Finding Squarespace IDs Easier
Our cheat sheet is the ultimate tool for Squarespace web designers. This one-page reference guide provides quick access to the most commonly used CSS class selectors plus 10+ of the most common properties with example values.
Whether you're a beginner or an experienced designer, our Squarespace CSS Cheat Sheet is a valuable resource that you'll turn to time and time again for easy copy & paste custom code snippets.
FAQ
-
CSS selectors define the target elements based on their attributes, IDs, classes, element types, and relationships with other elements on the page. Basically, the selector is how we target something on the page.
-
Our guide features the most common element selectors + more than 50 class selectors organized by category.
-
You’ll instantly receive a digital download in your email with a loonnnggg CSS cheat sheet PDF featuring all the goods.
-
We think you only need the most basic Squarespace CSS knowledge to find this valuable!
-
This is best used with Squarespace 7.1 / Fluid Engine
-
Of course! We created this very extensive guide to getting started with CSS on Squarespace + we release weekly Learn posts teaching you more!
Still not sure if our CSS Cheat Sheet is for you? Fill out this form and let us know your questions!