I have tried for days and hours and still am unable to reduce the padding in the footer section. See highlighted area in pic. www.shopjordanmarie.com [amyjones33_1-1689891829226.png]

Hello @amyjones33 Inside Shopify Admin, you can go to Edit theme code, open file main.css and add this code to the bottom .sf-footer__block { padding-bottom: 40px !important; padding-top: 40px !important; } The result [Screenshot 2023-07-21 at 09.56.47.png] Hope it helps!

Hi @amyjones33 , Try this one. From your Shopify admin dashboard, click on “Online Store” and then “Themes”. Find the theme that you want to edit and click on “Actions” and then “Edit code”. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your the…

Thank you for your response but that did not work. I added it to my theme.css file at the bottom and the padding is still there. :disappointed_face:

My template has a advanced section in the theme settings where I can add custom css. I added it there and it worked. Thanks so much!!!

How can I reduce footer padding on my website?

Technical Q&A

amyjones33 July 20, 2023, 10:55pm 4

I even added the !important and it didn’t work.

Topic		Replies	Views
How to reduce footer padding? Shopify Discussion troubleshooting	3	103	September 11, 2024
Decrease Padding on Footer Store Design	10	58	October 11, 2024
Custom CSS Code to control the top and bottom padding of the footer Store Design design , customizations , footer , css , shopify-themes	3	140	January 12, 2025
How to reduce footer size in shopify (testament theme) Store Design footer	3	28	May 27, 2024
How can I decrease footer spacing without theme.css? Store Design design , footer , css	12	54	November 11, 2023

How can I reduce footer padding on my website?

Related topics