Jump to content

Background Color

Recommended Posts

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. 

Link to comment
  • Replies 16
  • Views 1.4k
  • Created
  • Last Reply
1 minute ago, Luc said:

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

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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?

Link to comment
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?

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

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