Squarespace CSS tricks

The Blog

Explore the Squarespace tutorials and tips available on the site to tackle that customization or fix you’re after!

And if you can’t find what you’re looking for:

Changing the accordion block icon when a dropdown is open (7.0, 7.1 CE & 7.1 FE)

If you want to add a little fun customization to your client’s accordion block, then this tutorial is for you! We'll be looking at how to use two custom icons for the accordion block items in Squarespace: one when the dropdowns are open and a different one when they are closed. Spoiler alert: the customization is easier than you think!

Read More
All CSS tricks, Customization tips, 7.0, 7.1, Learn code Beatriz Caraballo All CSS tricks, Customization tips, 7.0, 7.1, Learn code Beatriz Caraballo

5 tips to troubleshoot your Squarespace code

In today’s video, I want to share with you 5 different things you can look for when the code you added to your client’s Squarespace site isn’t working. These troubleshooting tips cover a vast majority of the issues you’ll encounter when using code in Squarespace or any other platform, so let’s jump right in!

Read More
All CSS tricks, Customization tips, 7.0, 7.1, Full width Beatriz Caraballo All CSS tricks, Customization tips, 7.0, 7.1, Full width Beatriz Caraballo

How to make any block full width in Squarespace (7.0 & 7.1)

So, your client’s design includes some blocks that should be displayed in full width, while others stick to the boundaries of the site. And you’ve been trying to make that happen for the past couple of hours (days?) without luck? If so, then today’s tutorial is for you!

Read More
All CSS tricks, Customization tips, Color change, 7.0, Background Beatriz Caraballo All CSS tricks, Customization tips, Color change, 7.0, Background Beatriz Caraballo

Change the color of your loading screen background

You know when you’re loading your site and you see a flashing or fade-in background color before the content on your page fully loads? This may not be happening on all of your pages – or even if you’re using a template outside the Brine family – but…

Read More

How to remove header and footer from one page (7.0 & 7.1)

So, you want to create a custom landing page in Squarespace for an opt-in, product, tripwire or even for Instagram and you want to eliminate all distractions from the page so all your visitors have no escape, right? (insert evil laugh here). In that case you…

Read More