Change the background color of products( not the whole page)

Solved
Highlighted
Tourist
6 0 0
Goodevening, I just can't seem to find out how to change the background color behind my products. My products are with no background so it takes the background of the page. Now my homepage has a white background and I know how to change that and the rest that changes automatically aswell. I want to keep the background white as well on my products page but want to have the background of my products light grey. Is this possible? Thank you for all your time and help.
0 Likes
Highlighted
Shopify Expert
3903 559 938

Hi @kaat86 

You have to add your css i such condition like below:

Add this code in Layout->theme.liquid file just before </body>

 

{% if template contains 'product' %}
<style>
    .your_section_selector{background-color: gray;}
</style>
{% endif %}

Note: Change your_section_selector to your section.

 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Highlighted
Tourist
6 0 0

Thank you so much for the fast response.

Im very new to this so the first part I could do, but I don't know how to do the following:

 

Note: Change your_section_selector to your section.

 

How do I find out what the section is called ore should i not type it in stead of your_section_selector?

0 Likes
Highlighted
Tourist
6 0 0

Thank you so much for the fast response.

Im very new to this so the first part I could do, but I don't know how to do the following:

 

Note: Change your_section_selector to your section.

 

How do I find out what the section is called ore should i not type it in stead of your_section_selector

0 Likes
Highlighted
Shopify Expert
3903 559 938

Send me store url and let me know on which section you want to change background color on product page? 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
6 0 0

Thank you so much, so here is the link and some examples of what I want it to look like. I want this for every collection so women,men, baby& kids and accessories all in the same lightgrey #e2e0e0 .

Thank you for your time!

 

 

 

https://ohlord.us/collections/man

grey background products.pnggrey backgrounds.png

0 Likes
Highlighted
Shopify Expert
3903 559 938

This is an accepted solution.

https://ohlord.us/

Is this your store? then add this css in asset->theme.scss file at bottom:

#CollectionSection .grid-uniform .lazyload__image-wrapper{background: #e2e0e0;}
Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Highlighted
Tourist
6 0 0

Thank you so much it worked!! im very grateful for your help!

0 Likes
Highlighted
New Member
1 0 0

I have the same question. I tried both code edits shown in this post with no success. Any other things I should try? Using Debut theme.

0 Likes
Highlighted
Tourist
6 0 0
I ended up Having one of the Experts help me and the codes did work for me
aswel. Maybe post the question again and I'm sure they will help you too!
Sorry I can not be of any more help. Good luck with your store!
0 Likes