How Do I Give A Product A Transparent Background In Dawn?

Store Design
, ,

Topic summary

A user seeks to change product card backgrounds from white to transparent in the Dawn theme.

They initially uploaded a product image but encountered display issues with the default white background.

Solution Found:
The user resolved the issue by applying custom CSS:

.card__inner {
  background-color: transparent !important;
}

This CSS targets the product card container and removes the white background, allowing transparent PNG images to display properly with see-through corners and backgrounds.

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

I want to change the product background from white to transparent, I uploaded a product Image but the product cornders look like that!

VICTOR52_0-1667471143220.png
VICTOR52_0-1667471143220.png638×672 199 KB

!

2

Okay, got it..

.card__inner {
background-color: transparent !important;
}