Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Decrease Padding on Footer

Solved

Decrease Padding on Footer

duart2023
Explorer
74 1 26

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

Screenshot 2024-08-24 143318.png

Accepted Solution (1)
BSSCommerce-HDL
Shopify Partner
2305 834 908

This is an accepted solution.

Hi @duart2023, You can try with this code: 

 

<style>
.article .majortitle {
   margin-bottom: 5px !important;
}

.article .lightly-spaced-row-above {
   margin-top: 0 !important;
}
</style>

 

Here is result:

BSSCommerceHDL_0-1724475569728.png

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 😍

 

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 10 (10)

BSSCommerce-HDL
Shopify Partner
2305 834 908

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 </head> tag:

 

<style>
div#pagefooter .section-footer__row.section-footer__row--blocks {
    padding-bottom: 10px !important;
}
</style>

 

Here is result:

BSSCommerceHDL_0-1724474221599.png

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 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

duart2023
Explorer
74 1 26

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

 

duart2023_1-1724474488370.png

 

BSSCommerce-HDL
Shopify Partner
2305 834 908

Hi @duart2023, You can try with this code: 

 

 

<style>
.section-footer__row.section-footer__row-lower:has(.copyright) {
    padding: 10px 0 !important;
}

div#pagefooter .section-footer__row.section-footer__row--blocks {
    margin-bottom: 0 !important;
}
</style>

 

 

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 😍



 

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

duart2023
Explorer
74 1 26

@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

duart2023_1-1724475306256.png

 

 

BSSCommerce-HDL
Shopify Partner
2305 834 908

This is an accepted solution.

Hi @duart2023, You can try with this code: 

 

<style>
.article .majortitle {
   margin-bottom: 5px !important;
}

.article .lightly-spaced-row-above {
   margin-top: 0 !important;
}
</style>

 

Here is result:

BSSCommerceHDL_0-1724475569728.png

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 😍

 

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

duart2023
Explorer
74 1 26

This is perfect, thank you!!

BSSCommerce-HDL
Shopify Partner
2305 834 908

@duart2023, No problem. Glad to help you 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

CNDY_123
Excursionist
50 0 5

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

 

Screenshot 2024-10-10 175922.png

devcoders
Shopify Partner
546 78 141

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;
}

 

 

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
CNDY_123
Excursionist
50 0 5

This code did not work.....nothing changed. 😞