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
Hi @KatieCryst ,
I have written custom CSS for this solution. Please follow below steps and let me know your feedback.
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code just above tag
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
1 Like
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.
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!