i have gray backgrounds on .png images that are transparent. i looked in theme colors and tried some previous solutions but none seem to work from me. Image attached is in the collections here is a link for example too :
Topic summary
A user is experiencing an issue where transparent PNG images display with grey backgrounds on their Shopify store’s collection pages using the Charge theme.
Problem Details:
- Transparent PNG product images showing grey backgrounds
- Previous troubleshooting attempts and theme color adjustments haven’t resolved the issue
- Affects collection page display
Proposed Solution:
A community member provided a CSS fix with step-by-step instructions:
- Navigate to Shopify admin → Online Store → Customize
- Access Theme Settings → Custom CSS
- Add CSS code to make media backgrounds transparent:
.media { background: transparent !important; }
The helper included screenshots demonstrating the implementation process and the expected result. The issue appears to have a straightforward CSS solution, though confirmation of whether it resolved the problem is pending.
Hi @Deadly_Dukes ,
You can follow the steps here:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there
Here is the code for step 3:
.media {
background: transparent !important;
}
This code is used to make the background transparent.
Here is the result:
Please let me know if it works!
Best,
Daisy
1 Like