A Shopify store owner encountered an issue where product images with transparent backgrounds were displaying with a background in the featured collection section, despite appearing correctly on individual product pages.
Solution Provided:
background: transparent !important;Outcome:
The CSS solution successfully resolved the issue. The discussion is marked as resolved with the original poster confirming the fix worked.
How Do i Remove Background from the featured collection even though the image background is already removed
it has no background when you go into the actual individual product when it comes to featured collection its still
here is my store so you can check it out
Hi KineticWrld,
Depending on your theme you might be able to do it in your customise theme section, if you can not, the easiest and quickest way is just to do it via CSS. Go to Admin > Online Store > Edit Code (under the 3 … near the ‘customise’ button) > search for ‘component-card.css’ and then just add this at the very top.
.card--card.gradient,
.card__inner.gradient {
background: transparent !important;
}
this will end up looking like this
Hopefully, this is what you are after 
Danny
Shopify Partner @Swift Productions
Thank you !! it worked
No worries if you have any other issues just reach out, happy to help
Danny
Shopify Partner @Swift Productions
