Transparent product card background in a collection?

Hello everyone, I am looking to remove the white background that gets applied to my product cards after adding. The product image itself is already a PNG, and the transparency is reflected on the actual product page. Any way to make that white part transparent? Thanks!

Hi @shortcomings ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file component-card.css

Step 3: Paste the below code at the bottom of the file → Save

.card__inner{background: transparent !important}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

I’ve been looking everywhere and this is the only solution that worked for me! Thank you so much!