Random text appears in footer of website - can't find a way to remove

Topic summary

A Shopify store owner encountered mysterious random text appearing in their website’s footer. The issue was traced to misplaced CSS code that was positioned outside the <style> tag instead of inside it.

Root cause:

  • Custom CSS code for a footer background photo was pasted in the wrong location
  • The code appeared as visible text because it wasn’t properly enclosed within style tags

Solution provided:

  1. Navigate to “Online store” → Click “Edit code”
  2. Use Find & Check in theme.liquid and footer.liquid files
  3. Locate the misplaced CSS code at the bottom
  4. Move the code from outside the <style> tag to inside it
  5. Save changes

Screenshots were shared demonstrating both the problem and the corrected code placement. The issue was resolved after the store owner followed the step-by-step instructions.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.

Thank you for your guidance Anshul! Appreciate you quick work.