Transparent Image Background

2 0 0

Hello!  I have tried Googleing and searching this forum for answers, tried numerous code adjustments and nothing seems to work for me.  All I'm trying to do is get my product images to have a transparent background.  I tried the following base.css code adjustment:



.card__inner.color-background-2.gradient.ratio {
    background-color: transparent !important;



See image below, and it did nothing when I previewed my store (see other image below).  Any help would be greatly appreciated.  Thank you!


Replies 3 (3)

Shopify Partner
75 14 10


you will need to create .png version of product images then it will become transparent code wont make image transparent. You can do that in photoshop remove background and save image as png .

- Helpful? Like or Accept solution, - Buy me Coffee


Contact me

2 0 0

These images are already .png

Shopify Partner
8 0 0

Just search 'remove background' in Shopify App Storm and you will find many apps.

ImgCraft: AI Sharp & Resize - Rescuing Low-Quality Images | LitaCat: Page Watermark - Convey Your Voice