How to reduce the amount of space between pages on Bedford Index?

I'm playing around with the Index option in Bedford and think it would be neat to reduce the amount of space between merged pages on an Index page.

On this example: https://macinstructor.squarespace.com/services2/, you'll see the white space between the bottom of the banner and the beginning of the text of the next page.

Any ideas?

You have empty .index-section-wrapper. I'm no idea what it is.You can remove this or hide:

.index-section-wrapper {display: none}

That white space is where the page content is supposed to go. Here is a basic layout of how the Index in Bedford is designed to be used:

Full width bannerPage contentFull width bannerPage contentFull width bannerPage content

Thanks Nick. I tried that, but it also killed all the sections contained within the index section wrapper, including the page content. :-/

I wonder if I can just adjust the width of the .index-section-wrapper ?

Ok, with your answers and a buddy's help, I was able to figure something out. I put this code into my custom CSS:

.index-section-wrapper.page-content {padding-top: 0px; padding-bottom: 34px}

You can see what the effects of this are on these two pages.

• http://macinstructor.co/
• http://macinstructor.co/services

What I did is created one index page with two pages inside of it. The first only has the thumbnail image, overlaying text, and no content in the body. The second page has no thumbnail and all the content. You can see what I mean here:

• http://macinstructor.co/about-banner
• http://macinstructor.co/about-content

So, my "homepage" is the "About" Index page, and has a scrollable nav bar. I'm pretty pumped about this little trick. Cheers!

~Rick

Do you know how to simply change the padding between Bedford pages? I'd like to reduce the white space, but don't know much CSS... I did see this code on another post, but I'm unclear if I need to name the page. Any help appreciated.

Do I need to name the page?

#page { padding:15px }

Example:

#welcome { paddling: 15px}