Re: Remove blue background from product grid. Dawn v11. I want it to be white.

Solved

Remove blue background from product grid. Dawn v11. I want it to be white.

daved1234
Explorer
63 6 15

Remove blue background from product grid. Dawn v11. I want it to be white.

Capture.PNG

My site:
https://ec6bc3-2.myshopify.com/
PW
eawhup

Accepted Solution (1)
daved1234
Explorer
63 6 15

This is an accepted solution.

The second one worked! Thank you!

View solution in original post

Replies 9 (9)

Made4uo-Ribe
Shopify Partner
6991 1664 2056

Hi @daved1234 

Try this one. 

  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 "base.css, style.css or theme.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--20384774160689__product-grid {
    background: white;
}

 

Result:

Ribe_Dagandara_0-1691435980659.png

I hope it help.

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
daved1234
Explorer
63 6 15

Hello!

Thank you for your support!

Unfortunately that did not work.

Made4uo-Ribe
Shopify Partner
6991 1664 2056

Oh can you try again this one? 

div#shopify-section-template--20384774160689__product-grid {
    background: white !important;
}

Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
daved1234
Explorer
63 6 15

Thanks again but still not working.

daved1234_0-1691523521322.pngdaved1234_1-1691523560595.png

 

 

Made4uo-Ribe
Shopify Partner
6991 1664 2056

Did you add something in the base.css file that is working? Let me find another solution. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
daved1234
Explorer
63 6 15

I just added what you suggested. Still not working.

Made4uo-Ribe
Shopify Partner
6991 1664 2056

But did you add other codes in the base.css that is working? 

Try this one again. 

body.gradient div#shopify-section-template--20384774160689__product-grid {
    background: white !important;
}

if this one wont work paste this one on theme.liquid. before the </body> tag.

<style>
div#shopify-section-template--20384774160689__product-grid {
    background: white !important;
}
</style>

Sample:

Ribe_Dagandara_0-1691524701145.png

Then save. Thanks!

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
daved1234
Explorer
63 6 15

This is an accepted solution.

The second one worked! Thank you!

Made4uo-Ribe
Shopify Partner
6991 1664 2056

That is good to hear. If this work please dont forget to Mark Solution and Likes. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.