Eliminate extra white space at the bottom of a section

I’m working with two sections on the “Our Story” page for this website: https://fybf836r9tluuf5o-60071346230.shopifypreview.com

I don’t always see it on the front end of the site, but on the back end I see this white space between the two sections on that page, like this:

That white space I circled is what I’m trying to get rid of. I tried adding code to eliminate the bottom margins of the top section or the top margins of the second section and it didn’t solve it.

This is what I already tried:

.ctm-about-banner {
padding-top: 0px !important
margin-top: 0px !important
}

.hero_sec {
padding-bottom: 0px !important
margin-bottom: 0px !important
}

And neither of those snippets solved it.

1 Like

Hi @jasminsharp97

Would you mind to share the password?

1 Like

The live version of the site behind the password isn’t the same version I’m working on. That’s in this preview version: https://fybf836r9tluuf5o-60071346230.shopifypreview.com/

I open your preview and I click the Our Story

Made4uoRibe_0-1718124920617.png

It ask for password.

But when I use the footer Our story.