Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Sign in to follow this  
dosjon

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

Question

5 answers to this question

Recommended Posts

  • 3

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.

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:

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

~Rick

Share this post


Link to post
  • 0

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


.index-section-wrapper {display: none}


Front End Developer. If you are Squarespace HR you can find my email (:

Share this post


Link to post
  • 0

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


Template Developer at Squarespace, @esquareda on Twitter.

Share this post


Link to post
  • 0

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 ?

Share this post


Link to post
  • 0

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}

Edited by joeyoc

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in to follow this  

×
×
  • Create New...