How to customise my footer padding on the showcase theme?

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
453 129 104

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 5 (5)

AnneLuo
Shopify Partner
1235 221 252

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

rifat_Shop
Shopify Partner
94 11 12

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

devhook_0-1713265167777.png

Thank you

Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers

Anshul_arora
Navigator
453 129 104

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
BrendaYe
New Member
6 0 0

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
Tourist
15 0 3

hey thanks everyone i have sorted this now 🙂