Background Color

Hi,

I'm a newbie at this:- )How do you change the background color to white. Only on your store-site. I have changed the general color of the whole site to black, but I need my store's background color to be white. 

i was told only custom code could do this. 

The best,  

Kristian. 

Can you share link to your store?

https://www.lucdelaluc.com/shop

1 minute ago, Luc said:

https://www.lucdelaluc.com/shop

 

Add to Home > Design > Custom CSS

/* Main content */
.collection-type-products.view-list .Main {
    background: white !important;
}
/* Header */
.collection-type-products.view-list .Header--bottom {
    background: white;
}
.collection-type-products.view-list .Intro {
    background: white;
}

Hey Tuanphan, thanks a lot. But I'm not sure where to imbed the code for it to work. I tried the Page header code injection. ? 

4 minutes ago, Luc said:

Hey Tuanphan, thanks a lot. But I'm not sure where to imbed the code for it to work. I tried the Page header code injection. ? 

 

 

Return to Dashboard. Click Design > Custom CSS.

See: https://beaverhero.com/squarespace-how-to/#How_to_Insert_Custom_CSS

Wauuuvvvv thanks!! Can i donate.. Thanks!😀

Just now, Luc said:

Wauuuvvvv thanks!! Can i donate.. Thanks!😀

You're welcome. If you have any questions, you can tag me/or also send me via form in signature.

if you want to donate, you can follow this link. 

Hey TuanPhan,

So everything worked like a charm only problem is the rest of the shop is still the main color which is black, which means when you click on product it becomes black and the checkout of the shop is also black. I guess that needs code too?

8 hours ago, Luc said:

Hey TuanPhan,

So everything worked like a charm only problem is the rest of the shop is still the main color which is black, which means when you click on product it becomes black and the checkout of the shop is also black. I guess that needs code too?

You want to change.... to white background?

• Product Items: eg. https://www.lucdelaluc.com/shop/9rzrpy99n1dqy5aqrwyw19fde1i5ly
• Cart page: https://www.lucdelaluc.com/cart
• Check out page (can't insert code into this page)

Yes those two ! ok to the check out page. 

On 11/9/2019 at 4:32 PM, Luc said:

Yes those two ! ok to the check out page. 

/* Product Items */
.collection-type-products.view-item .Main-content {
    background: #fff;
}
.collection-type-products.view-item .Header.Header--bottom {
    background: #fff;
}
.collection-type-products.view-item .Header.Header--bottom * {
    color: black;
}
.collection-type-products.view-item .Main-content * {
    color: black;
}
/* Cart page */
body#cart .Main-content {
    background: #fff;
}
body#cart .Header--bottom {
    background: #fff;
}
body#cart .Header--bottom * {
    color: black;
}
body#cart .Main-content * {
    color: black;
}

How do I apply this to the cart on my site? It doesn't seem to work but works for the product pages

5 hours ago, FoxholeSpirits said:

How do I apply this to the cart on my site? It doesn't seem to work but works for the product pages

www.foxholespirits.com/cart

replace .Main-content with main.Main

17 hours ago, tuanphan said:

replace .Main-content with main.Main

Sorry, I meant for the header on that page!

23 hours ago, FoxholeSpirits said:

How do I apply this to the cart on my site? It doesn't seem to work but works for the product pages

www.foxholespirits.com/cart

This code should work (i checked your site with this code)

body#cart .Header--bottom {
    background: #fff;
}
body#cart .Header--bottom * {
    color: black;
}

That is absolutely amazing, thank you so much!