Hi all,
On my website, www.PennsylvaniaParks.org, if you scroll down to where it says “What exactly do we fund” how do I bring that rich text section closer to the multi column section? There is too much space between there. I also want to bring the bottom of the multi column section closer to the next rich text section titled “These are some…” I think bringing them all together will make it look better.
Thank you in advance 
@Justin34 - add this css to the very end of your base.css file and check
#shopify-section-template--14570959994949__bc4a1eec-f5cf-4847-95fd-15d15afcb242 .rich-text{padding-top: 0px !important; padding-bottom: 32px !important;}
Hello @Justin34 ,
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code
Go to Sections → index.liquid file → add this following code at the bottom of page
.your-fund-section {
margin-bottom: 10px;
}
.your-multi-column-section {
margin-bottom: 20px;
}
Save changes
Hope this can help. Let us know if you need any further support.
Ali Reviews team.
Hi @Justin34
Please add this css code at the bottom of your base.css file
.rich-text__blocks h3 { margin-top: 4px !important; }
Hello There,
.multicolumn.color-background-1.gradient.background-none.no-heading .page-width {
padding-bottom: 0;
}
.isolate .rich-text.rich-text--full-width {
padding-top: 10px;
}
.rich-text--full-width .rich-text__blocks .rich-text__text.rte h3 {
margin-top: 5px;
}
Hi @Justin34
This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css
.rich-text__blocks>h3 {
margin-top: 5px !important;
}
Hope you find my answer helpful!
Best regards,
Richard | PageFly