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

Store Design
1

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

2

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

3

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.

4

Hello there,

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

5

I do not have a theme.scss file unde Assets

6

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