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
Being a web designer, you have probably spent countless hours tracking down CSS code fixes one by one, scouring YouTube and Pinterest and forums plus a crazy collection of notes saved somewhere. That is exactly what the last 5 years of my career as a web designer has been like. This year I decided to change that process, and put all my pro tips and tested codes into one PDF to reference for any and every Squarespace project I am hired to do. It saved me so much time that in a few short months I have doubled my client workload!
I realized that other designers needed this too. After being featured in the Squarespace Circle designers newsletter, my codes have now been used by hundreds of Squarespace designers around the world ♥
Now you can get your own copy! Download the CSS Cheat Sheet and turn all those research hours into more time spent 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 time for actual design.
Download the Cheat Sheet & get all the info you need to build that gorgeous site for only
+ Brand new to CSS and worried about where to start?
You are in the right place! This PDF is packed with basic instructions and pro tips that you can follow whatever your design skill level happens to be right now.
+ Have a million sites you want to use these codes on?
Go for it! No special licence needed here. I believe knowledge is for sharing and you may use these codes on any and every Squarespace site you create.
What does 5 years of CSS knowledge look like?
48 pages of organized code snippets, plugins, and pro tips, exclusively for Squarespace sites.
Here is just a hint of what you can expect:
Create contact forms that convert
Build custom & dynamic button styles
Design quote blocks that can’t be ignored
Boost opt-in rates with stylish subscriber forms
Create text effects that truly stand out
Grab attention with stunning image effects
Download the CSS codes you need
to design your very best website.
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 that 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 LICENCE 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!
+WHich 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 which 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 email@example.com and I will do my best to reply within 48 hours.