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

Solved
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
4007 916 1121

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.

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


daved1234
Explorer
63 6 15

Hello!

Thank you for your support!

Unfortunately that did not work.

Made4uo-Ribe
Shopify Partner
4007 916 1121

Oh can you try again this one? 

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

Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


daved1234
Explorer
63 6 15

Thanks again but still not working.

daved1234_0-1691523521322.pngdaved1234_1-1691523560595.png

 

 

Made4uo-Ribe
Shopify Partner
4007 916 1121

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


daved1234
Explorer
63 6 15

I just added what you suggested. Still not working.

Made4uo-Ribe
Shopify Partner
4007 916 1121

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!

 

 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


daved1234
Explorer
63 6 15

This is an accepted solution.

The second one worked! Thank you!

Made4uo-Ribe
Shopify Partner
4007 916 1121

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com