Transparent Image background on collections page

[myreech]

I'm sure this is a simple line of code but I can't figure it out on my own or find the answer already.

My product images have transparent backgrounds (as evident when on a product page) but when included on a collections page, the background turns white. How do I make the background on these images transparent as well?

myreech.com

[hasanarmstrong · Accepted solution]

Hi @myreech,

Add this css code to your theme.css.

.collection-template .card__wrapper,
.collection-template .card__info {
 background: transparent;
}

[myreech]

@hasanarmstrong  Brilliant! Thanks so much

[hootcouture]

I added this to my theme setting CSS but it didn't work?