What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Change cart page background color

Solved

How can I alter the cart page and footer background colors?

nalnowaeam
Shopify Partner
60 1 9

Hello

 

How can I change the cart page background color as well as the footer background color for the cart page only?

Website link: https://msmoh.myshopify.com/cart

Accepted Solution (1)

Niraj_singh
Shopify Partner
232 39 47

This is an accepted solution.

Hello @nalnowaeam 

Add this code in the bottom of the theme.scss file.

1. Navigate to Online Store->Theme->Edit code
2. Asset->/theme.scss ->paste Above code at the bottom of the file.
3. Save it.


/* cart page body */
body.template-cart .main-content{

background-color:#f0e7c9 !important;
}


/* cart page footer */
body.template-cart #shopify-section-custom-footer{

background-color:#ffe200 !important;
}

banned

View solution in original post

Replies 5 (5)

Niraj_singh
Shopify Partner
232 39 47

This is an accepted solution.

Hello @nalnowaeam 

Add this code in the bottom of the theme.scss file.

1. Navigate to Online Store->Theme->Edit code
2. Asset->/theme.scss ->paste Above code at the bottom of the file.
3. Save it.


/* cart page body */
body.template-cart .main-content{

background-color:#f0e7c9 !important;
}


/* cart page footer */
body.template-cart #shopify-section-custom-footer{

background-color:#ffe200 !important;
}

banned
emmawoolford
Tourist
15 0 0

Hello there,

 

I'm unsure why this doesn't work for me. Please could you help me:)

Blakonik
Excursionist
13 0 4

I do not have a theme.scss file unde Assets

jecservices23
Visitor
1 0 0

Did you ever find a way around it? I'm having the same issue

 

AvadaCommerce
Shopify Partner
3879 839 991

Hi @nalnowaeam ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/custom.scss->paste below code at the top of the file:

.template-cart {
   background: #fff !important;
}

NOTE: You can change value #fff to match your theme.

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned