How to minimise space in blog post after headings

[KatieCryst]

I'd like to make the gaps smaller after the headings in my blog posts - there's too much space. Makes people scroll too much. Any idea on code??

https://crystcollective.com/blogs/crystal-diaries/why-you-need-a-vision-board-in-your-life

[theycallmemakka · Accepted solution]

Hi @KatieCryst ,

I have written custom CSS for this solution. Please follow below steps and let me know your feedback.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </head>

<style>
.Article .Rte h2,
.Article .Rte h3{
    margin: 0.1em 0 0.1em;
}
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[KatieCryst]

Hi Makka

Thank you so much! It worked and looks great! If I need to do this in the future for another blog post - how do I do that? Apologies if this is a silly question!

[CodeFoxer1232]

Hi @KatieCryst , I hope you doing well. 

here is the solution 

.Article__Body.Rte h2, .Article__Body.Rte h3 {
    margin: 5px 0 !important;
}

add this css on theme.css file 

result:

Should you need any additional assistance to enhance your store's performance, feel free to get in touch. If you found this information helpful, a Like would be much appreciated! And if this resolves your issue, kindly consider marking it as the Solution.