Transparent product card background in a collection?

[shortcomings]

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!

[PageFly-Oliver · Accepted solution]

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

[nekodecoco]

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