Decrease Padding on Footer

Topic summary

Initial Request:
A user seeks to reduce excessive padding in their Shopify store footer, providing a screenshot to illustrate the spacing issue.

Solutions Provided:

  • Footer padding reduction: Insert custom CSS code in theme.liquid file above the </head> tag
  • Copyright section padding: Add CSS to assets/base.css file targeting the footer row blocks
  • Section spacing: Additional CSS provided to decrease padding between ‘Spread the Fine Art’ heading and ‘Featured’ section

Implementation:
All solutions involve adding CSS code snippets to specific theme files through Shopify Admin → Online Store → Theme → Edit code. The original poster confirmed the solutions worked successfully.

Follow-up Issue:
Another user (CNDY_123) requested help with similar spacing reduction (shown in screenshot) but reported the provided code did not work for their case. This remains unresolved.

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

Looking to decrease padding on the footer - the spacing is too wide currently. Shown in screenshot.

1 Like

Hi @duart2023 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

@BSSCommerce-HDL Thank you! Is there also a way to decrease the padding for the copyright title - i.e. [email removed] 2024 Duo Arthouse?

1 Like

Hi @duart2023

  • Go to Online Store → Theme → Edit code.
  • Find the file assets/base.css and paste the code below at the bottom of the file.
div#pagefooter .section-footer__row.section-footer__row--blocks {
    padding-bottom: 10px !important;
}

Hi @duart2023 , You can try with this code:


Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

@BSSCommerce-HDL That worked thank you! I do have one more question for decreasing padding. Is there a way to decrease the padding between the ‘Spread the Fine Art’ and ‘Tag Us to be Featured’ section? Thank you so much for your help.

URL: duoarthouse.com.au

1 Like

Hi @duart2023 , You can try with this code:


Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

This is perfect, thank you!!

1 Like

@duart2023 , No problem. Glad to help you :heart_eyes:

Can You help me reduce the space as shown in the picture

This code did not work…nothing changed. :disappointed_face: