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

Solved
Highlighted
Tourist
5 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
2924 497 669

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.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Tourist
5 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
5 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
2924 497 669

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.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
5 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

Success.

Shopify Expert
2924 497 669

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.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Tourist
5 0 0

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

0 Likes