How to Elevate Your Squarespace Designs with CSS
This session is presented in German with English subtitles.
With rich design features, integrated responsiveness, a drag-and-drop editor, and built-in SEO and AIO support, Squarespace is a robust tool for professionals designing custom client websites. It’s a powerful site builder, empowering you to build beautiful and user-friendly sites that your client can manage when the project concludes. There are times, however, when you may want to exercise an extra degree of control to fully realize a client site. That’s where CSS comes in. Squarespace enables you to add custom CSS to incorporate even more customization.
At Circle Day 2025, Sarah Stark of sarahstark.design shared how to use a few lines of code to elevate your Squarespace projects. She reflected on how learning to customize with code helps her stand out from DIY solutions and turn advanced design into a key selling point.
In this technical session, you’ll discover:
How CSS works on Squarespace sites
The technical semantics behind writing proper CSS
What’s possible with CSS, like controlling images and mouse hover behavior
How to target particular site elements with CSS
The coding tools Sarah uses to streamline her workflows
Code snippets you can use to quickly create stunning, more brand-aligned sites
Learn more about coding on Squarespace:
Want more?
Check out Squarespace Circle, Squarespace’s program for professional designers and web design agencies. Along with exclusive content, discounts, and other perks, Circle brings professionals together from across the globe to exchange advice while connecting with new clients and collaborators.
