Transparent Image Background

Store Design
, ,
1

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.png
Untitled.png1366×602 55.9 KB

Untitled1.png
Untitled1.png1147×525 167 KB

2

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 .

3

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

4

These images are already .png