Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Change background color on cart page


Treeboy

Question

  • Answers 25
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add to Home > Design > Custom CSS body.cart .Main { background: green; }  

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!

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?

Posted Images

25 answers to this question

Recommended Posts

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

 

You can send your question to my email to get faster answer.

How to:

-- I'm off in Lunar New Year. Will take 3-7 days to you get the answer on Forum.

Link to post
  • 0
10 hours ago, Therchilsen said:

I would also like help with this issue.

Difficult to help without checking url

You can send your question to my email to get faster answer.

How to:

-- I'm off in Lunar New Year. Will take 3-7 days to you get the answer on Forum.

Link to post
  • 0
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!!!

 

Link to post
  • 0

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

Link to post
  • 0
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.

You can send your question to my email to get faster answer.

How to:

-- I'm off in Lunar New Year. Will take 3-7 days to you get the answer on Forum.

Link to post
  • 0

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
Link to post
  • 0
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!

Link to post
  • 0
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?

You can send your question to my email to get faster answer.

How to:

-- I'm off in Lunar New Year. Will take 3-7 days to you get the answer on Forum.

Link to post
  • 0
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
Link to post
  • 0
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;
}

 

You can send your question to my email to get faster answer.

How to:

-- I'm off in Lunar New Year. Will take 3-7 days to you get the answer on Forum.

Link to post
  • 0
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;
}

 

You can send your question to my email to get faster answer.

How to:

-- I'm off in Lunar New Year. Will take 3-7 days to you get the answer on Forum.

Link to post
  • 0
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?

Link to post
  • 0
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;
}

 

You can send your question to my email to get faster answer.

How to:

-- I'm off in Lunar New Year. Will take 3-7 days to you get the answer on Forum.

Link to post
  • 0
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
Link to post
  • 0

 

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.

Link to post
  • 0
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;
}

 

You can send your question to my email to get faster answer.

How to:

-- I'm off in Lunar New Year. Will take 3-7 days to you get the answer on Forum.

Link to post
  • 0
On 10/8/2020 at 9:52 PM, immiike said:

 

That doesn't work either unfortunately 😞

Can you share link to cart page?

You can send your question to my email to get faster answer.

How to:

-- I'm off in Lunar New Year. Will take 3-7 days to you get the answer on Forum.

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...