Solved

How to customise my footer padding on the showcase theme?

printedbyus
Tourist
15 0 3

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

 

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.

Accepted Solution (1)

Anshul_arora
Navigator
429 122 87

This is an 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 =>

Anshul_arora_0-1713266995332.png


I hope the solution helps you.

Please share if you have any query.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

View solution in original post

Replies 4 (4)

AnneLuo
Shopify Partner
637 128 130

Hello, @printedbyus 

Can you share your store url?

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

devhook
Shopify Partner
5 1 0

Hi,
are you want like this. ? or can you mark in a screenshot for better understand

devhook_0-1713265167777.png

Thank you

Anshul_arora
Navigator
429 122 87

This is an 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 =>

Anshul_arora_0-1713266995332.png


I hope the solution helps you.

Please share if you have any query.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

printedbyus
Tourist
15 0 3

hey thanks everyone i have sorted this now 🙂