How to customise my footer padding on the showcase theme?

Store Design
, , ,
1

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

Screenshot 2024-04-16 at 10.31.43.png
Screenshot 2024-04-16 at 10.31.43.png1860×804 84 KB

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.

2

Hello, @printedbyus

Can you share your store url?

3

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

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

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

After applying code output will be like this =>

Anshul_arora_0-1713266995332.png
Anshul_arora_0-1713266995332.png1579×787 42.8 KB

I hope the solution helps you.

Please share if you have any query.

Thank you.

4

hey thanks everyone i have sorted this now :slightly_smiling_face:

5

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