Jump to content

Changing the background colour on 1 page

Recommended Posts

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

Edited by blackdenimcreative
Link to comment
  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...

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!

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.