How can I alter the background color of my collection list?

[sharaiz]

Hello I would like to change the background colour of the collection list categories in the refresh theme to white. 

[Ujjaval · Accepted solution]

@sharaiz Try below one 

@media (min-width:750px)
{
.section-template--19099649999144__product-grid-padding {
    padding-top: 0px;
    padding-bottom: 60px;
    background-color: white !important;
}
}

[Ujjaval]

@sharaiz add below css into base.css file

@media (min-width:750px)
{
.section-template--15619004596276__product-grid-padding {
    padding-top: 0px;
    padding-bottom: 60px;
    background-color: white !important;
}
}

[sharaiz]

still not working

[Ujjaval]

@sharaiz CAN you share your store url?

[sharaiz]

www.sonashi.pk

[Ujjaval · Accepted solution]

@sharaiz Try below one 

@media (min-width:750px)
{
.section-template--19099649999144__product-grid-padding {
    padding-top: 0px;
    padding-bottom: 60px;
    background-color: white !important;
}
}

[sharaiz]

Thank you it worked!

[sharaiz]

It worked on collection page but facing same problem for product page now !!

[sharaiz]

Although code is added but the color is changed back to grey. can you check and let me know the solution

www.sonashi.pk

[Made4uo-Ribe]

Hi @sharaiz ,

I understand that you want to change the background colour of the collection list categories in the refresh theme to white. Try this.

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "theme.scss.liquid, styles.scss.liquid or base.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
4. And Save.

div#shopify-section-template--19099649999144__product-grid {
    background: white;
}

• Result:
• 
• I hope it help. 

[sharaiz]

How can i change background colour to white in product page. 

[Made4uo-Ribe · Accepted solution]

Try this one. 

section#shopify-section-template--19099650523432__main {
    background: white;
}

Result:

I hope it help.

[sharaiz]

Where shall i add this code? Mean in which section ? 

[Made4uo-Ribe]

Hi, you can paste it on the section-main-products.css file. 

[dmwwebartisan]

@sharaiz 

Please add the following CSS code to your assets/base.css bottom of the file.

@media (min-width:750px){
.section-template--19099649999144__product-grid-padding {
    padding-top: 0px;
    padding-bottom: 60px;
    background-color: white !important;
}
}

 Thanks!