Make Squarespace uniquely yours.
Trusted by thousands of Squarespace users worldwide, the CSS Cheat Sheet gives you the selectors and snippets you need to customize your site.
By Becca Harpain, the #1 independent Squarespace educator on YouTube
Anyone who has used Squarespace knows you'll eventually hit a design limit. The sites style options can only go so far, and custom CSS will get you the rest of the way there. You just need a reliable place to find the right code without spending an hour troubleshooting selectors that may or may not work.
Whether you're designing your own site or building for clients, the Squarespace CSS Cheat Sheet is the reference you'll keep coming back to.
Instead of starting from scratch every time you want to change something unique about your design, you’ll have a curated reference of the selectors and snippets used to customize real Squarespace websites.
Instead of digging through forums or inspecting elements for twenty minutes, you’ll be able to quickly find the code that controls that part of your site. It’s the kind of resource you reach for whenever you think:
"I know there’s a way to customize this… I just need the right code."
What you’ll find inside
-
Selector Lists
Quickly find the classes and selectors used by Squarespace elements.
-
Ready-to-Use Code Snippets
Copy, paste, and modify examples to match your design.
-
Code Guides
Deep dives into custom code concepts like gradients, hover effects and more.
LOVED BY THOUSANDS OF SQUARESPACERS AROUND THE WORLD
How it works
Pick one thing about your website that you want to change. Maybe you want to add a border to a block of text, or make all your primary buttons a different color on a hover.
Next, open up the Squarespace CSS Cheat Sheet and click on the content block or page you want to change.
Grab the selector you need to create your own custom code, or copy and paste one of the premade snippets onto your site.
CHEAT SHEET FAQ’S
-
Totally! My Squarespace code collection is packed with instructions and pro tips that you can follow, whatever your skill level happens to be right now.
-
Yes! The only codes you won’t be able to use are those for premium features, like announcement bars. Most of these codes are designed to work with any Squarespace subscription level, including personal plans.
-
This contains codes for Fluid Engine, 7.1 classic editor, as well as legacy sites built with Brine, Bedford, York, and Five.
The Squarespace code collection identifies collection elements for these specific Squarespace 7 themes: Brine, Bedford, Pacific, York and Five.
-
Maybe! 😅 My code collection includes selectors and snippets to help you style your Squarespace site. With hundreds of options, there’s a good chance you’ll find what you need. But if you’re looking to change how your site works or you want custom code without the DIY, you’ll probably love chatting with Custom Codey, my AI for 24/7 Squarespace support.
-
The Squarespace code collection is updated monthly, and more often as needed! There is a special section of my Squarespace cheat sheet labeled “recent updates” so you will see the latest and greatest custom code info every time you access it. Once purchased, you will have lifetime access to this content, so you’ll never need to buy it again.
-
No. This is a digital product; there are no refunds or exchange's.
-
You can contact me anytime by sending an email to hello@insidethesquare.co and I will do my best to reply within three business days.
-
The term "Squarespace" is a trademark of Squarespace, Inc.
This content is not affiliated with Squarespace, Inc.
These codes are specifically for customizing Squarespace, but this product was created by InsideTheSquare.co
Because this is a digital product, there are NO REFUNDS OR EXCHANGES and all sales are final. By purchasing this product you agree to our terms here.
H E Y T H E R E 👋
I’M BECCA HARPAIN
I’m the Squarespace expert & educator behind InsideTheSquare.co
I’ve been customizing websites with code for over a decade and started teaching others my magic on YouTube back in 2019.
I’ve packed all my years of research and knowledge about custom codes, specifically for Squarespace, into this database. That means you don’t have to spend a decade Googling like I did; you can have lifetime access to all that info right now!
I know you’ll love all the info I’ve packed into the Squarespace code collection, and I can't wait to see the amazing things you create.
You could keep Googling.
Or you could have everything you need in one place.
Get Lifetime access to this epic code collection for custom Squarespace design, including all future updates, for only $147 USD