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

Squarespace CSS Cheat Sheet | CSS Cheat Sheet | Squarespace CSS Selectors Cheat Sheet | Squarespace ID Finder | AJM Experience

Compiled by a Squarespace designer with 125+ launches

CSS Cheat Sheet | What is CSS | AJM Experience

Simple copy & paste CSS codes delivered to you in PDF format

Squarespace CSS Cheat Sheet | CSS Cheat Sheet | Squarespace CSS Selectors Cheat Sheet | Squarespace ID Finder | AJM Experience

Created for Squarespace CSS enthusiasts of all levels

Squarespace CSS Cheat Sheet | CSS Cheat Sheet | Squarespace CSS Selectors Cheat Sheet | Squarespace ID Finder | AJM Experience
Squarespace CSS Cheat Sheet | CSS Cheat Sheet | Squarespace CSS Selectors Cheat Sheet | AJM Experience
Squarespace CSS Selectors Cheat Sheet | Squarespace Block Identifier | Squarespace ID Finder | AJM Experience

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.

Squarespace Selectors CSS Cheat Sheet PDF | AJM Experience

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.

    Learn more in our Squarespace CSS 101 post here →

  • 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!

    Learn more in our Squarespace CSS 101 post here →

  • 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!