How to customise my footer padding on the showcase theme?

[printedbyus]

I was wondering if there was a way I could remove the empty space between blocks of text?

I'm aware all of this will require custom coding which I have basic knowledge of but not enough for this it seems!

Thankyou in advance for all your help.

[AnneLuo]

Hello, @printedbyus 

Can you share your store url?

[Anshul_arora · Accepted solution]

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 </body> tag and save

<style>

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

</style>

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

After applying code output will be like this =>

I hope the solution helps you.

Please share if you have any query.

Thank you.

[BrendaYe]

Hello @Anshul_arora 

Thanks a lot for your help on @printedbyus .

Could you please tell me how to center the blocks in the footer ? Thanks in advance

[printedbyus]

hey thanks everyone i have sorted this now 🙂