Adjust Heading Padding (Split Theme)

[WholesomeBoy]

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

 

[Moeed · 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:

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

Best Regards,
Moeed

[Moeed · 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:

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

Best Regards,
Moeed

[GTLOfficial · 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

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