Impluse theme - Transparent images don't appear transparent

Topic summary

Main issue: Transparent PNGs display with a white box when a background color is applied to sections in the Impulse theme. Initial attempts included a simple section background-color (#fcbf) and hiding pseudo-elements via CSS placed before , which didn’t help.

Key context: The store URL (oliveu.com) was shared, and the PNGs are confirmed transparent. The background color was temporarily removed from product sections while troubleshooting.

Proposed causes: The image (or its wrapper) may have its own background. Some themes may convert PNGs to JPEG to reduce file size. Further inspection of the live site was requested to verify.

Support actions: Multiple helpers requested access and shared walkthrough videos and a reference link from the merchant describing the desired result. Videos/links are central to understanding the intended styling.

Latest actionable fix: Add Custom CSS targeting the product grid image wrapper by setting CSS variables on .grid-product__image-mask to match the section color (set --colorBody and --colorSmallImageBg to #fcbf) to eliminate the white wrapper background.

Status: A concrete CSS solution was proposed; confirmation from the merchant is pending, so the resolution remains open.

Summarized with AI on December 27. AI used: gpt-5.

www.oliveu.com

Thank you.