Jump to content

Change background color on cart page

Recommended Posts

  • 1 month later...
Posted

I also need help with this in 7.1. 

The Style (background colors etc) of My Shopping Cart page is defaulting to a Dark section color theme. Why can I not select which Section Color Theme I want to be applied to this page? I have looked everywhere! Does this have to be done in Custom CSS across the board?

Attached are screenshots. I want that yellow background to be white.

 

 

Regular page.png

Shopping cart - defaulting to dark background color.png

*************************************
Let's Make a Website!
Rachel (she/her) | Squarespace Websites
Posted
On 7/3/2020 at 12:23 AM, raeroshow said:

I also need help with this in 7.1. 

The Style (background colors etc) of My Shopping Cart page is defaulting to a Dark section color theme. Why can I not select which Section Color Theme I want to be applied to this page? I have looked everywhere! Does this have to be done in Custom CSS across the board?

Attached are screenshots. I want that yellow background to be white.

 

Can you share link to cart page? We can check easier.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted (edited)

Sorry to jump in here but I'm having the same issue and too would love to fix it! I want the checkout section under my header to be white and my header to stay blue. 

Currently looks like this... (its on the same section theme as the header)...

Preview1.thumb.jpg.2084499f78908619a04c02a56f9cec61.jpg

but i want it to look more like this...

Preview2.thumb.jpg.ec84bc1b9b1d36a898e470f9b8f04516.jpg

fingers crossed it can be solved!

Edited by RebeccaP
Posted
On 5/16/2020 at 6:55 PM, Therchilsen said:

Insert the following in design > custom css

 

body#cart {
    background: white;
}
body#cart {
    color: black;
}
.cart-title {
    color: black;
}

 

and thank to tuanphan for the help!!!

 

My Menu at the top is white lettering and now I can't see it - @taunphan - do you have a code snippet to add to this cody block that adjusts menu color? Thank you!

Posted
15 hours ago, RebeccaP said:

Sorry to jump in here but I'm having the same issue and too would love to fix it! I want the checkout section under my header to be white and my header to stay blue. 

Currently looks like this... (its on the same section theme as the header)...

but i want it to look more like this..

18 minutes ago, Fishlette said:

My Menu at the top is white lettering and now I can't see it - @taunphan - do you have a code snippet to add to this cody block that adjusts menu color? Thank you!

fingers crossed it can be solved!

Can you share link to cart page?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted (edited)
On 5/16/2020 at 11:55 PM,  Therchilsen said: 

Insert the following in design > custom css

 

body#cart {
    background: white;
}
body#cart {
    color: black;
}
.cart-title {
    color: black;
}

 

and thank to tuanphan for the help!!!

Ahhhhhhmazing it worked thank-you sooooooooooooo much!!!! oxoxoxoxox

Edited by RebeccaP
Posted

Tuanphan Im struggling with changing my cart's background - I have it on white for all the pages so my ecommerce pages look cleaner but im unsure of the CSS code of the cart section (ive used a plugin to change to wishlist).

 

For all other pages ive used index pages and that has worked great.

https://www.miscaustin.com/cart

Posted
13 hours ago, danielavalle said:

Tuanphan Im struggling with changing my cart's background - I have it on white for all the pages so my ecommerce pages look cleaner but im unsure of the CSS code of the cart section (ive used a plugin to change to wishlist).

 

For all other pages ive used index pages and that has worked great.

https://www.miscaustin.com/cart

Add to Home > Design > Custom CSS

body.cart .Main {
    background: green;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 2 weeks later...
Posted
3 hours ago, hboileau said:

hi! sorry to jump in, I used this CSS code to change the color of my shopping cart page background! is there a way that I can put a black background behind my white menu? on just the shopping cart page? 

site: https://vibraphone-salmon-f2tc.squarespace.com/cart

password: hisoka

thanks so much if anyone can help!!

Add to Home > Design > Custom CSS

body#cart .header-announcement-bar-wrapper {
    background: black !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 2 months later...
Posted
12 hours ago, Mikala said:

I have the same problem. 😞 Can't change the background of the cart.
Should be #f2ebdf

https://octopus-pineapple-yxw8.squarespace.com/
PW: luca1234

Can anyone help?

Add to Home > Design > Custom CSS

body#cart {
    background-color: #f2ebdf;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted
22 hours ago, tuanphan said:

Add to Home > Design > Custom CSS


body#cart {
    background-color: #f2ebdf;
}

 

Thank you so much! Can you also tell me how I can change the color of the Title? 
If I understood right there is no way to change the text/link?

Posted
1 minute ago, Mikala said:

Thank you so much! Can you also tell me how I can change the color of the Title? 
If I understood right there is no way to change the text/link?

Shop Cart Title?

/* Shop cart title color */
h2.CartHeader-cartTitle-9Dk3d.cart-title {
    color: red;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted (edited)
4 hours ago, tuanphan said:

Shop Cart Title?



/* Shop cart title color */
h2.CartHeader-cartTitle-9Dk3d.cart-title {
    color: red;
}

 

Yes exactly – the shop cart title.
Doesn't work. 

Edited by Mikala
Posted

 

11 hours ago, tuanphan said:

Shop Cart Title?


/* Shop cart title color */
h2.CartHeader-cartTitle-9Dk3d.cart-title {
    color: red;
}

 

I tried the same code but it seems that I am not doing the targeting right. The color of h2 is not changing on the cart site.

Posted
On 10/6/2020 at 2:52 PM, Mikala said:

Yes exactly – the shop cart title.
Doesn't work. 

 

13 hours ago, immiike said:

 

I tried the same code but it seems that I am not doing the targeting right. The color of h2 is not changing on the cart site.

/* cart title */
.cart-title {
    color: red !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted

 

On 10/7/2020 at 10:14 AM, tuanphan said:

 


/* cart title */
.cart-title {
    color: red !important;
}

 

That doesn't work either unfortunately 😞

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.