Remove copyright and divider line

Topic summary

A user created a custom footer for their Shopify store but needs to remove leftover default elements: copyright text and a divider line appearing below the footer menu and above a banner image.

Solutions provided:

Two developers offered CSS-based fixes:

  • Option 1: Add .footer__content-bottom-wrapper--center { display: none !important; } to the bottom of base.css or theme.css

  • Option 2: Add .footer__content-bottom.scroll-trigger.animate--slide-in { display: none !important; } to theme.css or base.css

Both solutions involve:

  1. Navigating to Online Store → Themes → Edit code → Assets
  2. Opening the appropriate CSS file
  3. Pasting the code at the bottom
  4. Saving and refreshing the storefront

One responder requested clarification about the theme being used before providing a solution. Screenshots were shared showing the problematic elements and implementation steps.

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

Hi all, I created a seperate footer because of certain stylistic preference for my store. However, there are some elements from Shopify’d default footer are still there: the copyright information, and the divider line (both are below the footer menu and above the banner image)

How do I remove them both?

Store URL: truebond.us

Thank you!!!

1 Like

first may i know the kind of theme you’re using

hi sunday_april

how are you!

this is solution

Go to Online Store → Themes → Edit code → Assets → base.css (or theme.css) and add this at the very bottom:

.footer__content-bottom-wrapper--center  {
  display: none !important;
}

Then save and refresh your storefront — both the copyright text and divider line should disappear.

You can close your post nicely with a soft sign-off like this:

I’m a Shopify developer with seo expertise as well, so if you ever need assistance setting up or improving your store, feel free to reach out.

Hope this helps!
– Hammad | Shopify Developer

1 Like

Hi @sunday_april,

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.footer__content-bottom.scroll-trigger.animate--slide-in {
    display: none !important;
}

Thank You!

1 Like

Works beautifully! Thank you so much

1 Like

It works but didn’t get rid of the line. Thank you for your help though

you’re welcome,sunday_april