Decrease Padding on Footer

[duart2023]

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

 

[BSSCommerce-HDL]

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:

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 😍

[duart2023]

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

[BSSCommerce-HDL]

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 😍

[duart2023]

@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

[BSSCommerce-HDL · 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:

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 😍

[duart2023]

This is perfect, thank you!!

[BSSCommerce-HDL]

@duart2023, No problem. Glad to help you 😍

[CNDY_123]

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

[devcoders]

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

[CNDY_123]

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