Help with spacing between blocks and sections please.

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

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

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;
}

You could define the appropriate space by changing the padding value

@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;
}