Reducing the size of my footer ( removing extra space in my footer )

Topic summary

Issue: Extra vertical space in a Shopify footer persists even after setting padding to 0.

Context: The poster shared a live store link and a screenshot to illustrate the gap. After a delay, they asked for assistance again.

Key guidance provided:

  • Use the browser’s Code Inspector/DevTools (e.g., Chrome F12) to locate the styles affecting the footer.
  • In section-footer.css, the classes .footer__content-top (around line 10) and .footer__content-bottom (around line 44) define padding that controls the spacing.
  • Adjust those padding values to reduce the extra space.

Notes:

  • The screenshot and store link are central for visual/contextual verification.
  • The initial attempt likely didn’t target the specific classes controlling the spacing, or other rules override it.

Status: No confirmation of a fix yet; the suggestion to edit the specified CSS classes is the current actionable step, and the issue remains open pending feedback.

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

I am trying to remove this extra space from my footer , i have already tried to reduce the padding to 0 but no change.

Here is the link to the shop. I would appriciate any help

https://d5e373-08.myshopify.com/

Is it that complicated that no one can help ?

Hi there,
I am new to Shopify, but I know CSS well. Do you know how to use the Code Inspector? (In Chrome hit F12)

You can see that in “section-footer.css” these classes:
.footer__content-top (line 10), and
.footer__content-bottom (line 44)
have padding attributes.

You can tweak the padding attributes to change the spacing.