Dawn theme footer customization - Urgent

Store Design
, , , , , , , , , ,

Topic summary

A user needs to remove a border line from the footer of their Dawn theme Shopify store. They provided a screenshot showing the unwanted line and shared their store URL with password access.

Solution Provided:

  • Add custom CSS targeting .footer__content-bottom.scroll-trigger.animate--slide-in with border: none !important;
  • Implementation steps: Navigate to Online Store → Themes → Three Dots → Edit Code → Find theme.liquid → Insert the CSS code under the <style> tag before the body
  • A screenshot was included demonstrating the expected result

Status: The issue appears resolved, with the solution provider requesting confirmation and marking as solved if successful. Another user briefly mentioned using the Theme Editor and Liquid/CSS for footer customizations but didn’t provide specific implementation details.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

In my dawn theme I need to customize the website’s footer by removing the line, i’ll attach image for reference.

Sivadarshan_0-1743653351691.png
Sivadarshan_0-1743653351691.png1826×491 38.3 KB

Website: https://2512in.myshopify.com/

Password: 2512

Thanks in advance.

1 Like
2 
.footer__content-bottom.scroll-trigger.animate--slide-in {
    border: none !important;
}

Mustufaali_0-1743655530840.png
Mustufaali_0-1743655530840.png1280×451 31.6 KB

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution

1 Like
3

Customizing the footer in your Shopify’s Dawn theme can be done by using the Theme Editor, and sometimes Liquid/CSS code for advanced modifications. I hope you got it?

4

hey @Sivadarshan thank you for your response if you need more help feel free to share it :blush: