CSS/code visible in the footer

Topic summary

A user encountered CSS code displaying visibly in their store’s footer instead of being properly rendered. The root cause was identified as CSS code added directly to the theme without being wrapped in <style>...</style> tags.

Solution provided:

  • Navigate to Online Store → Themes → Edit code
  • Open the theme.liquid file
  • Locate the problematic code (likely near the closing </body> tag)
  • Either wrap the CSS in proper <style> tags to retain functionality, or remove it entirely
  • Save changes

A screenshot was shared demonstrating the improperly placed code. The original poster confirmed the solution resolved the issue successfully.

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

Hi @_frida ,

it’s because you have to add that css in between tag.

Thank you

1 Like