How to make background of my featured items transparent?

Store Design
,

Topic summary

A user is trying to make the background of featured product images transparent on their store but cannot remember the method they previously used successfully.

Proposed Solutions:

  1. Remove background externally: Use photoroom.com to strip the background from the image before re-uploading it to the store.

  2. CSS approach: Add custom CSS code to the featured image section’s settings:

.card__media { background: none; }

Important caveat: If the original image has a white background, the CSS solution won’t work—the background must be removed from the image file itself first (option 1).

The discussion remains open as the original poster has not confirmed whether either solution resolved their issue.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

I managed to do it on the other jacket, but I forgot how and I’m stuck now. Searched all over and tried some codes but I can’t figure it out. Please help! :police_car_light:

image.jpg
image.jpg3024×4032 2.38 MB

2

Two options:

  1. Use photoroom.com to remove the background from the image then upload it again.

  2. You can add this code to the featured image sections Custom CSS settings (but if the image background is white nothing will change that, it is an issue with the original image use option #1):

.card__media {background: none;}

I hope that solves your problem!
@biznazz101