Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Removing blank spaces between page sections on Index Pages


Recommended Posts

Hi, 

This is my first time using the forum so hope I'm doing this right.. I am creating a site with index pages and there appears to be an excess of blank space between each page section within the index page. Does anyone know how I can decrease it?  

Link to post
  • Replies 13
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

The default section padding is 96px at the top and bottom. Insert this into your custom css and then tweak the @sectionpadding pixel value until you get the layout you prefer.  @sectionpaddin

It depends upon the template you are using.. Can you share the template name and also a url to the site?

Thank you that's amazing!

It depends upon the template you are using.. Can you share the template name and also a url to the site?

Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Link to post
1 minute ago, natasha2 said:

Is it possible for me to send the url even though the site isn't live yet? 

It is. 

Go to Settings > Site Visibility > Password Protected and add a password

Then share the url and password here. 

Edited by colin.irwin

Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Link to post

The default section padding is 96px at the top and bottom.

Insert this into your custom css and then tweak the @sectionpadding pixel value until you get the layout you prefer. 

@sectionpadding: 10px;

.index-section .index-section-wrapper.page-content {
	padding-top: @sectionpadding;
	padding-bottom: @sectionpadding;
}

 

Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Link to post
  • 6 months later...

I'm trying to get the blue to match up between index pages without the banner image showing between sections - I set the padding to 0 and it worked great on desktop but on mobile I'm still having a gap between - any ideas? Using Brine.

capybera-pigeon-wkpt.squarespace.com

PW: shine

 

Link to post
  • 3 months later...
On 10/16/2019 at 2:17 PM, colin.irwin said:

The default section padding is 96px at the top and bottom.

Insert this into your custom css and then tweak the @sectionpadding pixel value until you get the layout you prefer. 


@sectionpadding: 10px;

.index-section .index-section-wrapper.page-content {
	padding-top: @sectionpadding;
	padding-bottom: @sectionpadding;
}

 

Hi, I used this code but I want to adjust the padding of my first section only.

Can you help?

Thanks in Advance.

 

Link to post
On 10/16/2019 at 2:17 PM, colin.irwin said:

The default section padding is 96px at the top and bottom.

Insert this into your custom css and then tweak the @sectionpadding pixel value until you get the layout you prefer. 


@sectionpadding: 10px;

.index-section .index-section-wrapper.page-content {
	padding-top: @sectionpadding;
	padding-bottom: @sectionpadding;
}

 

 Hi, @colin.irwin  I used this code but I want to adjust the padding of my first section only.

Can you help?

Thanks in Advance.

Edited by Asiya
Link to post
8 minutes ago, Asiya said:

 Hi, @colin.irwin  I used this code but I want to adjust the padding of my first section only.

Can you help?

Thanks in Advance.

Try this

@sectionpadding: 10px;

.index-section:first-of-type .index-section-wrapper.page-content {
	padding-top: @sectionpadding;
	padding-bottom: @sectionpadding;
}

 

 

Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Link to post
8 minutes ago, colin.irwin said:
17 minutes ago, Asiya said:

 

Try this


@sectionpadding: 10px;

.index-section:first-of-type .index-section-wrapper.page-content {
	padding-top: @sectionpadding;
	padding-bottom: @sectionpadding;
}

Hi there's still alot of padding although I changed it to zero.

 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...