CSS Cheat Sheet for Squarespace
Customize your site beyond your design menu with the CSS cheat sheet, specifically for Squarespace sites, including Brine, Bedford, and the new 7.1 templates.
Customize your site beyond your design menu with the CSS cheat sheet, specifically for Squarespace sites, including Brine, Bedford, and the new 7.1 templates.
Customize your site beyond your design menu with the CSS cheat sheet, specifically for Squarespace sites, including Brine, Bedford, and the new 7.1 templates.
How can you make your Squarespace site unique?
All Squarespace 7 sites are built from theme templates. They can have similar features, layouts, fonts, the same colors, the list goes on. So what’s going to make your website stand out? Custom CSS. Yup, the only way to make sure your site is unique is to add a little clever code, and this CSS cheat sheet will help you do exactly that.
WHATS INCLUDED
Headers, footers and more are incredibly easy to update when you have the list of their code names right in front of you!
Did you know there are more than 10 different button types in Squarespace? This guide lists all your button options so you can isolate individual types to elevate their style.
Easily isolate any type of text, and try some of the new effects like outline and vertical text with the pre-made text effect codes included.
Image Names & Filters, Blog Elements, Alert notifications, Audio player code names, On-Page Forms & Lightbox Forms… the list goes on for over 20 pages!
BRAND NEW TO SQUARESPACE?
Welcome to the cool club! 🥳 This cheat sheet will help you customize your template so it matches your brand 100%. From colors to fonts and all the images in between, this PDF has instructions and pro tips to help you no matter what skill level you might be at right now.
EXPERT SQUARESPACE DESIGNER?
Then you already know what a time saver this will be! No more Googling, forum searching, or waiting for anyone to reply to your urgent post on Facebook. This PDF lists all the major element names you need, along with some expert level code snippets you might not even know.
Ready to add some unique style to your site?
+ I’m brand new to CSS - will I know what to do with all this info?
Totally! This PDF is packed with instructions and pro tips that you can follow whatever your design skill level happens to be right now.
+ 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 won’t 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 PDF will show you how.
+ I am a Squarespace designer with a ton of clients and want to use these codes on a bazillion client sites! Do I need a special license to use them more than once?
No special license needed here. I believe knowledge is for sharing and you may use these codes on any and every Squarespace site you create. Go wild my friend!
+ Do these codes work for Squarespace 7.0 sites or Squarespace 7.1?
Both! All buttons, forms, audio players, image element names, alert notifications, mobile info bar codes, mobile breakpoints, and lightbox form codes will work on sites built with 7 and 7.1 sites, and this cheat sheet identifies on page elements for these specific Squarespace 7 themes: Brine, Bedford, Pacific, York and Five. Please read that last line clearly as I do not offer refunds.
+ Do you offer refunds?
Nope! I put a lot of hours 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 no longer work one-on-one with clients but I do have a short list of some amazing Squarespace designers I know and trust. If you want me to connect you, feel free to send me an email (hello@insidethesquare.co) and I will do my best to reply within 48 hours.