How to make the background grey on all products on the home page and on all the other pages?

[Williamtommy]

How to make the background grey on all products on the home page and on all the other pages? I would like to have the exact same as Kids One Store's website, please help! I want exact same color as they have and exact same good looking size on the grey background please. I will give you a very good review and like and solution and everything!

My website: https://kryddsortimentet.se/ 

Kids One Store: https://kidsonestore.se/ 

[Raj-webdesigner]

Add this css in edit code > Theme.css file 

.product-item {
    background: #f5f5f5;
    padding: 10px;
}

[Williamtommy]

Thank you! Do you know how to fix the products that already have a white background to transparent instead so it does not look ugly, if you understand what I mean? 

[Raj-webdesigner]

Yes I see this issue but this is not fix because this White background is in you images so that's why this white background is not remove.

if you want remove white background so you add without white background images.

[DrewOswald]

Shopify has a built in way to remove the background from images.

Instructions:

 

 

 

 

[Williamtommy]

Hello Drew!

Thank you for your kind instructions. But it seems to me that I don't have that feature in Shopify.

Do you know maybe why?

[DrewOswald]

Ah okay, I’m actually on a lower plan than Starter and I’m still seeing the background remover—so it doesn’t seem to be limited by plan. Might be region-based or something else.

Sorry about that! For an alternative background removal, Photoshop and Canva Pro both do a great job. If you’re looking for a free option, Pixlr’s background remover is solid and doesn’t require an account: https://pixlr.com/remove-background/. 

How to download your images from Shopify: