How to customise my footer padding on the showcase theme?

Store Design
, , ,

Topic summary

Issue: Remove excess empty space between footer text blocks in the Showcase theme (Shopify, third‑party theme).

Key actions:

  • A helper requested the store URL for context.
  • A solution was provided via custom CSS to reduce padding in the footer menu blocks. Instructions: add a block at the end of theme.liquid before .
    • .section-footer__row.section-footer__row–blocks set to display: -webkit-box and custom padding.
    • .section-footer__row__col .section-footer__menu-block given reduced side padding.
  • Visuals: Before/after screenshots were shared to illustrate the layout change.

Outcome:

  • The original poster confirmed the fix worked and the footer spacing issue is resolved.

Open item:

  • A follow-up question asks how to center the footer blocks. No guidance or solution has been posted yet, so this remains unresolved.
Summarized with AI on December 13. AI used: gpt-5.
3

Hello @printedbyus ,

I understand you are looking to remove extra padding from your Footer menu-blocks.

Please add the below mentioned CSS code at the bottom of theme.liquid file before tag and save

.section-footer__row.section-footer__row--blocks { display: -webkit-box !important; padding: 10% 0 0 5% !important; } .section-footer__row__col.section-footer__menu-block { padding: 0 20px 0 20px !important; }

===> https://prnt.sc/52KdSbYuV3ih

After applying code output will be like this =>

Anshul_arora_0-1713266995332.png
Anshul_arora_0-1713266995332.png1579×787 42.8 KB

I hope the solution helps you.

Please share if you have any query.

Thank you.