Squarespace Code
If you’re feeling limited by your design options, these tutorials cover CSS tweaks, custom code - the little additions that make a big difference. You don't need to be a developer, you just need to know the basics of what you’re changing and where to add your new code to Squarespace. That’s exactly what you’ll find in this blog.
How to add custom CSS to a single page in Squarespace
Sometimes you need a style change on one page only without affecting the rest of your site. Here's how to add page-specific CSS in Squarespace in four different ways.
What is !important in CSS and when to use it in Squarespace
!important is one of the most misunderstood parts of CSS for Squarespace beginners. Here's what it actually does, when you genuinely need it, and when it's causing more problems than it solves.
How to change the Squarespace cart icon
The default Squarespace cart icon doesn't suit every brand. Here's how to swap it for a custom icon, change its color, or adjust its size with CSS and code injection.
How to use the Squarespace CSS panel
The Squarespace CSS panel is where all custom styling happens. Here's a complete guide to finding it, using it, and understanding why your code might not be doing what you expect.
How to add custom CSS to Squarespace
Custom CSS is how you make Squarespace do things the settings panel can't. Here's exactly where to add it, how to test it, and the mistakes beginners make that stop it from working.
When you submit your email address, you’ll receive a link to access this free content in your inbox. You'll also receive additional emails from InsideTheSquare.co and you can unsubscribe at any time. See our privacy policy and our terms and conditions to learn how your data is protected.