Change background color on cart page

Site URL: http://www.jeffkrueger.net

How do you change just the color of the background on the shopping cart page in 7.1 to white?

What is access password?

8 hours ago, tuanphan said:

What is access password?

 

I would also like help with this issue.

10 hours ago, Therchilsen said:

I would also like help with this issue.

Difficult to help without checking url

On 5/14/2020 at 9:18 AM, Treeboy said:

Site URL: http://www.jeffkrueger.net

How do you change just the color of the background on the shopping cart page in 7.1 to white?

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!!!

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.

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.

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...

fingers crossed it can be solved!

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!

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?

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

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

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;
}

Not working 😞

See screenshot.

NEVERMIND IT WORKED! Just not showing on my preview! AMAZING... thank you a ton.

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!!

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;
}

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?

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;
}

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?

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;
}

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. 

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.

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;
}

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

 

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

 

That doesn't work either unfortunately 😞