Decrease space between email sign up and copyright mark in footer and increase divider line weight

Topic summary

Goal: reduce the gap between the email signup and the copyright text in the footer, and make the divider line thicker.

What was proposed:

  • Add custom CSS via Online store > Theme > Customize > Settings > Custom CSS (or directly in the theme CSS).
  • Reduce spacing by targeting .footer__content-top and lowering padding-bottom (example: 2rem; adjust as needed). Some suggest scoping with .footer and using !important to ensure it overrides theme styles.
  • Thicken the divider by targeting .footer__content-bottom. Either set border-top: solid 0.3rem rgba(var(–color-foreground), .08) or increase border-width to about 3px; !important can help if overrides are needed.

Artifacts: one screenshot shows the current spacing; another shows the thicker divider result.

Status: solutions provided with example outcome; no confirmation from the original poster, so resolution not verified.

Summarized with AI on January 4. AI used: gpt-5.

Hello,

I’m trying to figure out to decrease the space between the email signup box and copyright mark in my footer so they’re closer together, see screencap below for reference. I’d also like to increase the line weight of the thin divider line thats in between them.

Thank you in advance.

password: uviwho

Hi @catbellystudios , you can try to add this css
Online store > theme > customize > setting > custom css

.footer__content-top {
padding-bottom: 2rem;
}
.footer__content-bottom {
border-top: solid 0.3rem rgba(var(--color-foreground), .08);
}

Hope this helps, and if you need further support, we will be happy to answer any of your questions.

Hi @catbellystudios ,

Insert this CSS into the CSS file in your theme:

.footer .footer__content-top {
    padding-bottom: 2rem !important;
}
.footer .footer__content-bottom {
    border-width: 3px !important;
}

Here is the result:

Good luck @catbellystudios