shoipfy product image background not changing when i changed the website background color

Stephen211
Excursionist
35 1 10

Hi Community, I changed my website background colour to green with code #5c796b

But the product image on the collection page has a white box around it. I would like to fix this pls

 

attached to this is an image if what u=is happening.Screenshot 2021-04-25 094640.png

0 Likes
g33kgirl
Shopify Partner
211 51 64

Hi, can you share your website url?

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
g33kgirl
Shopify Partner
211 51 64

I cannot reproduce this on my browser. It shows transparent background.

Screenshot 2021-04-25 at 10.53.15 am.pngScreenshot 2021-04-25 at 10.53.29 am.png

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
Stephen211
Excursionist
35 1 10

its the mobile view that has the issue. can you try checking the link through a mobile phone?

 

0 Likes
g33kgirl
Shopify Partner
211 51 64

Have you tried previewing your website in incognito mode? It could be a cache issue.

This is how it appears on mobile.

Screenshot 2021-04-25 at 11.03.20 am.png

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
g33kgirl
Shopify Partner
211 51 64

You can add this code at the end of your CSS file:

.product-single__media-group-wrapper a, .product-single__media-group-wrapper img, .product-single__thumbnails a, .product-single__thumbnails img {
    background-color: #5c796b;
}

 

If you're not comfortable with code, make changes at your own risk.

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
Stephen211
Excursionist
35 1 10

wow, this is frustrating. I just checked with incognito mode on my mobile and its still same

0 Likes
Stephen211
Excursionist
35 1 10

at the end of the theme.scss.liquid ?

0 Likes
g33kgirl
Shopify Partner
211 51 64

Yes

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes