Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Luc

Background Color

Question

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. 

Share this post


Link to post

16 answers to this question

Recommended Posts

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

 

Share this post


Link to post
  • 0

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

 

Screenshot 2019-11-06 13.20.31.png

Share this post


Link to post
  • 0

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?

Share this post


Link to post
  • 0
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?

Share this post


Link to post
  • 0
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;
}

 

Share this post


Link to post
  • 0
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;
}

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...