Black rectangle around text on image banner

Topic summary

Issue: A black rectangular outline remained around banner text on a Shopify store after making the background transparent via code edits.

Context: Helper requested the store URL; the owner shared acmegrip.com.

Proposed fix: Add custom code in theme.liquid, placed at the bottom of the file just above the tag (Shopify’s main layout file). The exact code content is not visible in the post; an attached screenshot appears central to the solution.

Outcome: The change removed the black outline, and the store owner confirmed the fix worked.

Status: Resolved. No further action items or open questions noted.

Notes: The missing code block and screenshot are key to fully reproducing the solution; the thread does not show the specific CSS/HTML used (likely removing a border/outline or box-shadow on the banner text element).

Summarized with AI on January 24. AI used: gpt-5.

Hey @prsglv

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like