Changing the background colour on 1 page

Hi everyone!

My client chose black as the background colour for her site, then wanted to make 1 page with a white background.

I found the following CSS and it worked for the SHOP page (I found the collection ID using a block identifier)

#collection-5e716b64dbe03d1298fe5ab0 {
.Main {
   background-color: #ffffff;
 }
}

My client now wants to change the background colour on the CART page to white. The block identifier is giving me "CART" as the identifier and when I add this to CSS, it does nothing:(

#cart {
.Main {
   background-color: #ffffff;
 }
}

Does anyone know how to change the background colour on the CART page? (also, just an fyi I've checked off the  "Use Light Color Scheme" option in commerce and it's not impacting the CART bakground.)

Thank you!! Jenn

Can you share link to Cart Page?

Hi Tuanphan,

Thanks so much for your response. The Cart Page is : https://www.candle.wtf/cart

2 minutes ago, blackdenimcreative said:

Hi Tuanphan,

Thanks so much for your response. The Cart Page is : https://www.candle.wtf/cart

Use this

body#cart .Main {
    background: red;
}

I just did a HAPPY DANCE, it worked!

Thank you so much for your help!

Hello to everyone.
I am having kind of the same issue. I want to change the background color and letters of the "add to cart" page, I tried using tuanphan proposal, trying to check the root code from my page, and didnt manage to make it properly. Could someone help me over here? I would gladly appreciate it. 
I am using the Crosby template btw. 

Thanks in advance!

5 hours ago, LuSilenus said:

Hello to everyone.
I am having kind of the same issue. I want to change the background color and letters of the "add to cart" page, I tried using tuanphan proposal, trying to check the root code from my page, and didnt manage to make it properly. Could someone help me over here? I would gladly appreciate it. 
I am using the Crosby template btw. 

Thanks in advance!

body#cart {
    background: red;
}
body#cart h2 {
    color: black;
}
body#cart .empty-message {
    color: black !important;
}

Hi everyone,

For some reason, neither of these have worked for me 😞

Any idea why that might be?

Thanks.

4 hours ago, CosanostraDesign said:

Hi everyone,

For some reason, neither of these have worked for me 😞

Any idea why that might be?

Thanks.

Can you share link to page where you want to change background? We can check easier.