The codes you need to build a better website.
Get the CSS Cheat Sheet, used by Squarespace designers around the world to make stunning websites.
I’m Becca Harpain, Squarespace designer & founder of InsideTheSquare.co
I have spent countless hours tracking down CSS code fixes one by one over the last 5 years of my career.
Scouring YouTube and Pinterest and my crazy collection of notes. This year, I finally put all my pro tips and tested codes into one PDF and realized other designers can use this too!
It turns out I was right. My Cheat Sheet has been available for only a short few months and has already been downloaded by Squarespace designers around the world ♥
Now you can get a copy too! Download my CSS Cheat Sheet and get back to building the best website ever.
“This is such a great resource”
— GAVIN —
“Absolutely love it!”
— MARTYN —
“Thank you; this is GREAT!”
— CLAIRE J —
Save more of your time for actual design.
Download the Cheat Sheet now and get back to building that gorgeous site with all the info you need!
+ Brand new to CSS and worried about where to start?
You are in the right place! This PDF is packed with pro tips and basic instructions so you can follow along no matter what level of design skills you have.
+ Have a million sites you want to use these codes on?
Go for it! No special licence needed here. I strongly believe that knowledge is for sharing and you can use these codes on any and every Squarespace site you create, even 7.1!
Create contact forms that convert
Design custom & dynamic buttons
Create quote blocks that can’t be ignored
Style newsletter forms like a pro
Design text effects that truly stand out
Grab attention with stunning image effects
Download the CSS codes you need
to create the website design you want to see.
FREQUENTLY ASKED QUESTIONS
+ WHAT IS CSS?
CSS stands for cascading style sheet and it is a fancy way of saying the code that a web browser reads so it knows what to display for a website. Developers use CSS to overwrite standard settings on Squarespace, like color changes, custom fonts, and hover animations.
+ I DON’T KNOW ANYTHING ABOUT CODE - WILL I EVEN KNOW WHAT TO DO WITH THIS?
Totally! If you are brand spankin’ new to all things code, I walk you through the process step by step. And if you're still a little weary of flying solo, I have created a series of tutorial videos to walk you through how to put these codes to work on your site. Check those out here.
+ I DON’T HAVE ACCESS TO PAGE CODE INJECTION OR CUSTOM CSS ON THE PERSONAL SQUARESPACE PLAN. CAN I STILL USE THESE?
Yes! The only codes you wont be able to use are those for premium features, like announcement bars. The majority of these codes are designed to work with any Squarespace subscription level, personal plans included. The instructions in the library PDF will show you how.
+ I AM A SQUARESPACE DEVELOPER AND WANT TO USE THESE CODES ON A BAZILLION CLIENT SITES! DO I NEED A SPECIAL LICENSE TO USE THEM MORE THAN ONCE?
When you purchase the CSS Cheat Sheet from InsideTheSquare, you can use any of these codes any way you see fit on any website you want to. Go wild my friend!
+ CAN'T I FIND THIS INFO ON YOUTUBE?
Totally - on my channel, in fact: YouTube.com/InsideTheSquare This CSS Cheat Sheet puts all of it in one place for you. Think of it like an encyclopedia of cool codes you can reference when working on your site. The whole point is to save you valuable time so you don’t have to spend hours poring over blogs and forums and support documents and videos to try and get close to a code that might work. It’s all in one place: this CSS Cheat Sheet!
+WHAT THEME FAMILIES DO THESE CODES WORK WITH?
Squarespace template families get picky about calling an element something else, so I stuck with the four most popular theme families for this 2019 edition of the Cheat Sheet. If you are not sure what template family your site is using, check out this article here.
+ DO YOU OFFER REFUNDS?
Nope! I put a lot of hours into researching, writing, and testing these codes. I think my time is totally worth what I am charging and I do not offer refunds.
+ CAN I HIRE YOU TO DO SOME CUSTOM CODING ON MY SITE?
I am happy to chat projects. If you want to get on my to-do list, email me a brief description of your project. Send a shout out to firstname.lastname@example.org and I will do my best to reply within 48 hours.