How to remove white background on image header

Topic summary

Issue: After applying a custom background image to the header, the text area appears as a white “hole” or box over the image instead of showing only white text. The desired result is white text directly on the image with no white background.

Evidence: Two screenshots are provided and are central to understanding the visual problem.

Requests/Updates:

  • A participant asked for the store URL to inspect the issue.
  • The store URL (Shopify) was shared twice: https://8dcf44-83.myshopify.com/
  • Another participant requested the store password to access and diagnose the theme.

Status: No technical fix or code changes have been suggested yet. The conversation is pending access credentials for further investigation.

Open points: Cause of the white box (likely theme/CSS or overlay settings) remains undiagnosed until store access is granted.

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

I created a custom background. Once I did it looks like theres a hole where my header text is on my image background. There should only be white text. Below is what I currently see.

This is what I would like to see

1 Like

Hi @LuckyDog210

Would you mind to share your store URL? Thanks!

https://8dcf44-83.myshopify.com/

https://8dcf44-83.myshopify.com/

Hi @LuckyDog210

If you share your store URL and password with me, I will check and provide you with the solution.