See that sweet gradient button above? It’s just a snippet of code, included in my Squarespace CSS Cheat Sheet! From banners to buttons, forms to full width images, and a LOT of hover effects, here is just a sneak peak at some of the codes included:

Custom Newsletter Form Changes

Custom Form Field Colors + Borders

Highlighted Field Form Options

Adding Custom Fonts

Divided Page Backgrounds

Slanted Footer Designs

Gradient Color Options

Button Animations & Hover Effects

Social Icon Animations + Hover Effects

Background + Border Changes for Cookie Notification Bars

Mobile Menu Alignment Techniques

Announcement Bar Hover Effects


Copy + Paste
CSS Codes

My copy and paste CSS cheat sheet makes it really easy for anyone to confidently customize their Squarespace site. Plus, if you ever get stuck, I have an entire video library of CSS tutorials you can watch to learn. So no more excuses, even if you are a newbie!


Stop making boring websites.


Download my Squarespace CSS Cheat Sheet and create something cool today!

Thanks SO MUCH!
— Kristin F
This is legend - thank you so much!!
— Megan H


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 made you a free guide on how to get started. Check that out here. And if you are ready to get started, but want a visual refresher, 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.

Cant I find this info on YouTube? Totally - on my channel in fact! This 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 of it is to save you valuable time so you don’t have to spend hours pouring through 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!

Do these codes work for every theme family? I am not 100% sure! I have tested them on both Bedford and Brine sites, as well as Five and York. However, some Squarespace template families get picky about calling an element something else, so I stuck with the most popular four theme families for this first version of my 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 the $17.99 I am charging and I do not offer refunds.

Can I hire you to do some custom coding on my site? Maybe! I am happy to chat projects but have a pretty full calendar for 2019. If you want to get on my to-do list, the best thing to do is email me a brief description of your project. Send a shout out to and I will do my best to reply within 48 hours.



The term "Squarespace" is a trademark of Squarespace, Inc. This website is not affiliated with Squarespace, Inc.