Changing Squarespace 7.1 Cart Page Colour Theme (2022)

Squarespace 7.1 introduced us to 10 colour themes we can edit and apply almost anywhere. But there are a 4 places in Squarespace where we can’t change the colour theme that easily.

Places where we can’t choose colour theme are

• The cart page

• Order confirmation page (thank you page after a purchase)

• Built in 404 page

• Search results page

There is this switch in Checkout settings….

… but in 2022, it simply doesn’t do anything 💁‍♂️ _

Three solutions

We have two ways to solve this problem.

A) Edit the default colour theme

You can’t change the cart page color theme. But you can edit it. This means more manual work as you’ll need to go through all the settings one-by-one. And this will affect all sections that use this color theme anywhere in your site.

Finding out your default color theme

You can find out what colour theme the cart page is using by going to it and then going to Design and Site Styles. Then click on colors. You can then see your default color theme

For codeandtonic.com it’s Lightest 1.

Default color theme can’t be changed.

You will need to style the default color theme to be the way you like it.

So for me this would me changing the colors of Lightest 1 to be the way I like my cart page to look. And then if I want a different look in other places, style other themes and use them in places where I can choose the color theme.

B) Use Custom CSS

You can also hack custom CSS. The problem is that there are a lot of things to take into account. The foundation is using this CSS selector to target the cart page.

body#cart{
//custom code goes here
}

The problem is that you’ll need to style all the text, buttons, switches, quantity selectors, lines and buttons.

C) Buy my Cart Page CSS Snippet!

Demo video

Super easy and quick copy-paste with editable colors.

Support included if you need it.

Refunded if it does not work.

Need help with Squarespace? Hire a pro.

After 10+ years in web development and digging deep into Squarespace, I can solve pretty much any Squarespace problem. And I’d love to do that for you @hire

Related Posts