Transparent Image Background

JewellDistroLog
Visitor
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!

Untitled.pngUntitled1.png

Replies 3 (3)

zack_dev
Shopify Partner
75 14 10

Hi,

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

JewellDistroLog
Visitor
2 0 0

These images are already .png

huangcong12
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