7.1 Cart Background Colour

Site URL: https://www.urquhartglass.com

Hello all,

Hoping someone can help me navigate around changing the background in a 7.1 Cart page...

The site is black, and I'd like the cart and checkout to be a light background as some of the elements in a 7.1 cart page don't show up on black, i.e the remove X. The 'Use light background' in checkout is working just fine, but the cart page prior to checkout still remains dark.

If you'd like to see the site mentioned above, please let me know and I'll message the password. However hoping someone can just tell me how to target the background of the specific page like I can do in Brine for example...!

Thanks
Sarah

What is access password?

On 5/21/2020 at 1:57 PM, tuanphan said:

What is access password?

I have sent you a message @tuanphan

On 5/26/2020 at 12:08 AM, sarahcreates said:

I have sent you a message @tuanphan

Add to Home > Design > Custom CSS

body#cart {
    background: gray;
}

Thank you very much @tuanphan, it didn't seem to work 😞

try add !important

eg: background: #fff !important;

then check in live mode, or save & refresh the page

Thanks @tuanphan, just had to add a colour: #000 for the font colour 🙂 

Appreciate your help

https://www.urquhartglass.com/cart

I see background color worked here? If you don't see, try clearing your browser cache.

No no, I saw it, don't worry it's perfect 🙂 I just added the font colour in as the white font had disappeared.

Which element? Or all elements?

/* target all elements on cart page */
body#cart * {color: black;}

add !important; if the code doesn't work.

body#cart {
    background: #fff !important;
  color: #000;
}

All working as per above 🙂

@sarahcreates @tuanphan (in case this is still an issue)

This can be solved by changing the DEFAULT TEMPLATE COLOR THEME. For some reason, this is currently only possibe by using the Squarespace App. With most websites the default theme is set to a dark one.

Hope that helps!
 

48 minutes ago, ArminB said:

@sarahcreates @tuanphan (in case this is still an issue)

This can be solved by changing the DEFAULT TEMPLATE COLOR THEME. For some reason, this is currently only possibe by using the Squarespace App. With most websites the default theme is set to a dark one.

Hope that helps!
 

This is a fairly old thread and things have progressed by now 🙂

1 hour ago, sarahcreates said:

things have progressed by now 🙂

is there another way to set the default color theme?
Thanks!