Adjust Heading Padding (Split Theme)

Solved

Adjust Heading Padding (Split Theme)

WholesomeBoy
Explorer
99 1 18

Hey guys,

 

I am wanting to reduce the padding/margin on all of the headings on each collection page. I attached a reference image. Let me know what code and where to add it, thanks!

 

Website: Wholesome Boy

 

45ecdc358e49cb96ba41b56730a89626.png

Thanks,
Justin
Accepted Solutions (2)

Moeed
Shopify Partner
4365 1123 1380

This is an accepted solution.

Hey @WholesomeBoy 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.box--small-fl-auto {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
</style>

RESULT:

Moeed_0-1719908182523.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

GTLOfficial
Shopify Partner
273 51 52

This is an accepted solution.

Hello @WholesomeBoy 
Go to online store ---------> themes --------------> actions ------> edit code------->base.CSS
add this code at the very end of the file.

.site-box.box--small-fl-auto.lap--box--small-fl.box__announcement.box--typo-big.box--center-align.box--text-align-center.box--column-flow {
padding: 0px;
margin: -50px 0;
}

and the result will be
8.png

If this was helpful, hit the like button and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

View solution in original post

Replies 2 (2)

Moeed
Shopify Partner
4365 1123 1380

This is an accepted solution.

Hey @WholesomeBoy 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.box--small-fl-auto {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
</style>

RESULT:

Moeed_0-1719908182523.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

GTLOfficial
Shopify Partner
273 51 52

This is an accepted solution.

Hello @WholesomeBoy 
Go to online store ---------> themes --------------> actions ------> edit code------->base.CSS
add this code at the very end of the file.

.site-box.box--small-fl-auto.lap--box--small-fl.box__announcement.box--typo-big.box--center-align.box--text-align-center.box--column-flow {
padding: 0px;
margin: -50px 0;
}

and the result will be
8.png

If this was helpful, hit the like button and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh