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 comment
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 comment

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 comment
  • 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 comment
  • 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 comment
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 comment
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 comment
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 comment
  • 11 months later...
10 hours ago, Novice_Rebs said:

Hi @colin.irwin, I am trying to remove the side padding completely on one specific index page on a site page. Could I use a similar code? Can you tell me what the proper code for this would be? Thanks! 

Can you share link to index page? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...