Dawn Theme - Product Card Transparency

[jasonmartin]

I uploaded a custom background to my store, and the client wants the product images to be transparent.  I uploaded transparent images and for some reason, the store automatically adds a smaller version of the background to the images on the home page.   Can someone help with the images just being completely transparent?

Website URL is: https://shoptylerdial.com/

PW: beoffe

[Made4uo-Ribe · Accepted solution]

Hi @jasonmartin 

Can you take out the code in the theme.liquid and replace on the this one. Thanks!

.collection .card__inner {
    background: transparent !important;
}

div#collection-template--23184079618332__featured_collection {
  background-image: url(https://cdn.shopify.com/s/files/1/0891/8784/4380/files/TD_selects-852.jpg?v=1726679444) !important;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

And save. 

result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[jasonmartin]

Which code should I take out?  I'm not seeing it (sorry)

[Made4uo-Ribe]

Oh, i didnt see it now.. I think its all good.