A merchant reports that an image banner displays a persistent white overlay that doesn’t match the intended brown background, even when using a transparent image. The issue appears on both the password page and the home page.
Goal: Have the entire page (including the banner) show the brown background without white margins/overlay.
Evidence: Two screenshots are provided. One shows a transparent-background banner still appearing with white; another shows a smaller banner with white on the sides. Visuals are central to understanding the problem.
Community members requested access details to inspect the live setup.
Access shared: URL https://leapstudio.shop/ (with /password for the password page) and password “leap”. The merchant confirmed the password page is being set up.
No diagnosis or fix has been provided yet. No theme-specific settings, CSS, or code changes have been suggested in the thread so far.
Status: Open and unresolved. Next step is for reviewers to check the shared storefront and identify whether a theme setting, layout, or styling is causing the white overlay, then propose a remedy.
Summarized with AI on December 17.
AI used: gpt-5.
My image banner has a white overlay and does not match the background color. I’ve tried using a transparent background and it still has a white overlay. How do I get my image banner to match the color of the background?
I’ve tried this on both the password page and the home page.
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
