CSS/code visible in the footer

Store Design
, , ,

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.
1

Hi,

Has anyone experienced this before? Some codes from my site is visible in the bottom of my footer.. Seems like it is about my mini cart. Any ideas about how to remove this?

https://www.aurstudio.com/

2

Hi @_frida ,

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

Thank you

1 Like
3

Hello @_frida ,

I understand you are looking to remove the code mistakenly added in your footer.

The issue you are facing is because you have not added the code in between … tag , as you can see in this screenshot https://prnt.sc/wBZc0IpzYgdV

Please follow the below mentioned steps to resolve this issues -:

  1. Go to Online Store → Themes → Click on three dots → Edit code.

  2. Next search and open theme.liquid file before tag.

  3. Search for the code in the file do search just before closing tag [It may be nearly to this tag.]

  4. Now, if you want to retain the code, then add … before starting and ending of the code and if you would not to take the functionality of this code, then just remove the code

  5. Save changes.

I hope the solution helps you

Please share if you have any query.

Thank you.

1 Like
4

Thank you! This worked perfectly :slightly_smiling_face: