Hi, in the Dawn theme, what do I need to do to make png files show with a transparent background.
The png I’m using has a transparent background but it showing as white.
Topic summary
A user is experiencing an issue with PNG transparency in Shopify’s Dawn theme. Despite using a PNG with a transparent background, it displays as white instead of showing the pink background underneath.
Key Details:
- The image is placed in a Multi-Column section
- The site background is pink, not white
- The theme is unpublished (client site)
- Previous code solutions found in other threads haven’t worked
Current Status:
The issue remains unresolved. One responder initially suggested the white appearance might be reflecting the site’s background color, but this was ruled out. The user declined to share the website URL due to client confidentiality and is specifically seeking a Dawn theme-compatible code solution.
It could be because your background of the website is white so your image being transparent will reflect that.
That’s the whole idea of it being transparent. If your background has a different color, then your image isn’t exactly being transparent.
It’s pink.
Can you share your website here and the password if it’s protected? I’ll take a look once I receive that.
It’s a client’s website and the theme isn’t published. I’m using the Dawn theme. I think some code is needed, I’ve seen other questions here about it but the codes given don’t work so i’m looking for something for the Dawn theme.
Image in a Multi-Column.