Transparent product images in Studio theme

Hi,

I am losing my mind. I cannot figure out how to get my product images transparent and not use the color scheme provided by the Studio theme.

All the products have transparent PNG images.

Example :

I need to get rid of the white part next to the product itself.

Thanks you! :slightly_smiling_face:

hey, Silverk, good evening.

Could you please provide link for the website?

Hi,

We are currently doing a bit of rebranding to accommodate new products under our portfolio.

You can see the preview here. It still need a lot of work, we have been playing around as you can see.

https://hqjbx1nxvcdxtcom-54903832799.shopifypreview.com

On the main page, there are 2 featured collections. I want one of them to have an accent color and one of them white. Currently I added the color to the other one as the one needed does not have any visible products yet, but they will have the same issue. I want to have the products blend in with the color and not have a different background.

Go to online store > themes > ‘…’ button > edit code. Look for the theme.css/styles.css/base.css file, whichever one you have, and, at the end of it, add this:

.card--card, .card--standard .card__inner {
background-color: transparent;
}

I owe you big time. Thank you! :slightly_smiling_face:

1 Like