How do I get rid of the Footer dividing line separating company name and clickable text? Dawn Theme

Store Design
,

Topic summary

A user seeks to remove a dividing line in the Dawn theme footer that separates the company name from clickable text.

Solution provided:

  • Navigate to Online Store > Themes > Edit Code > Assets > base.css
  • Add CSS code at the bottom of the file to target .footer__content-bottom

Initial attempt:

  • First CSS suggestion adjusted spacing but the dividing line remained visible
  • User shared a screenshot showing the persistent line

Final solution:

  • Updated CSS code that removes both padding and the border:
.footer__content-bottom { padding-top: 0px !important; border: none !important; }

Outcome: The solution successfully resolved the issue, with the user confirming it worked.

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

Hello!

I’m looking to make the text in the footer closer together like the reference I provided.

2

Hi @alixzander ,

Could you share your store URL?

3

Hi @Dan-From-Ryviu !

4

Go to Online Store > Themes > Edit Code > Assets > base.css, add those CSS code at the bottom of file, click Save button

.footer__content-top { padding-bottom: 0px !important; }
.footer__content-bottom { padding-top: 0px !important; }
.footer__copyrig { margin-top: .5rem !important; }
5

It allowed it to move down but it’s still showing a line that divides it. Anything else I can add to get rid of the line?

Screen Shot 2022-11-23 at 7.18.57 PM.png
Screen Shot 2022-11-23 at 7.18.57 PM.png1142×234 20.3 KB

6

Please use edit this code

.footer__content-bottom { padding-top: 0px !important; }

To this

.footer__content-bottom { padding-top: 0px !important; border: none !important; }
1 Like
7

Thank you!! This helped me a ton :))

1 Like