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

[nalnowaeam]

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

[Niraj_singh · 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;
}

[emmawoolford]

Hello there,

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

[Blakonik]

I do not have a theme.scss file unde Assets

[jecservices23]

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

[AvadaCommerce]

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.