Jump to content

Help with spacing between blocks and sections please.

Recommended Posts

Site URL: https://www.lachlanmcnabb.com/

Hi

I am trying to control the spacing between sections and blocks.

If you look at this homepage - there is a huge gap underneath "CHECK OUT THESE ACTION SHOTS BELOW" block and the gallery section underneath. I have reduced it as much as I can with the block controls.

I would love any suggestions on how to fix this. The site is unfinished but this is driving me crazy

Squarespace used to be so easy to use and always looked good because of the consistent spacing. This latest version is INFURIATING to use with everything "smartly" popping in and out - can I disable all that movement?

Many thanks in advance

 

WEBSITE: https://www.lachlanmcnabb.com/
PASSWORD: MTB123

image.png

Link to comment
3 hours ago, lmcnabb said:

Site URL: https://www.lachlanmcnabb.com/

Hi

I am trying to control the spacing between sections and blocks.

If you look at this homepage - there is a huge gap underneath "CHECK OUT THESE ACTION SHOTS BELOW" block and the gallery section underneath. I have reduced it as much as I can with the block controls.

I would love any suggestions on how to fix this. The site is unfinished but this is driving me crazy

Squarespace used to be so easy to use and always looked good because of the consistent spacing. This latest version is INFURIATING to use with everything "smartly" popping in and out - can I disable all that movement?

Many thanks in advance

 

WEBSITE: https://www.lachlanmcnabb.com/
PASSWORD: MTB123

image.png

You can fix with some codes in Design > Custom Css.

Hope it is helpful for you!

.gallery-section-wrapper .gallery-grid--layout-grid {
  padding-top: 0;
}

.content .sqs-block-html {
  padding-bottom: 0;
}

 

Press 👍  or mark my comment as solution if you find my sharing useful

🆒 Squarespace pinchzoom lightbox plugin (affiliate link)

👁‍🗨 360 degree photo viewer (affiliate link)

Link to comment

@HoaLT Thank you SO much. That did fix the issue.

So I may fix other similar issue in the future, can you please tell me where I can find the definitions for an element such as ".gallery-section-wrapper" and ".sqs-block-html"

I think I could figure out the custom css but I am not sure where in squarespace to find those?

Thanks again - much appreciated.

 

.gallery-section-wrapper .gallery-grid--layout-grid {
  padding-top: 0;
}

.content .sqs-block-html {
  padding-bottom: 0;
}
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...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.