Squarespace

Css Cheat Sheet

✔ 500+ Selectors for creating your own codes

✔ 100+ Custom CSS plugins

✔ Pro tips, resource articles, & code troubleshooting guide

Get lifetime access for only $147USD

This collection of codes can be used to make Squarespace uniquely yours.

Want custom button colors on hover? Maybe your list of blog posts needs a better layout, or your contact form should lift off the page with a shadow.

This Squarespace code collection has the info you need to make that magic happen ✨

Inside the Squarespace code collection, you’ll find hundreds of class selectors so you can create your own custom codes. These are the code names you need to know to create your own unique designs with Squarespace.

I KNOW WHAT YOU MIGHT BE THINKING. . .

"Sounds cool, but I don’t know how to code!!"

I’ve got you covered, Squarespacer! Inside this Notion database, you’ll get access to custom code resources so you learn the ropes, including a beginners guide & troubleshooting tips. With lifetime access to all this info, you'll be a coding like a pro sooner than you think.

GET LIFETIME ACCESS FOR ONLY $147USD

Here's 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 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. 💻

LOVED BY OVER 4,000+ SQUARESPACERS AROUND THE WORLD

SQUARESPACE CODE COLLECTION 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.

  • 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 colelction, and I can't wait to see the amazing things you create. 🥰

Squarespace CSS Cheat Sheet

Get lifetime access to the ultimate code resource for Squarespace users for only $147