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

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

What is access password?

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

I would also like help with this issue.

Difficult to help without checking url

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

 

That doesn't work either unfortunately 😞

Can you share link to cart page?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...