Why does the spacer have a minimum size?

Hi,

One of the most frustrating things about aligning blocks on your website is that there seems to be a minimum size for your horizontal (Drag up and down) spacers. Why would that be and is there a way to make the blocks as small as necessary?

Thanks

Hi Brandon, awesome answer, thank you worked straight away!

Hi Brandon, awesome answer, thank you worked straight away!

@joshuar87 Great. If you wouldn't mind marking my answer as accepted, that'd be appreciated.

YES! Thank you!!! @BrandonW

YES! Thank you!!! @BrandonW

Works brilliantly thanks!

To others who try this, once you have inserted the code, don't expect your site to respond by automatically reducing the Spacer Blocks to 0 - you have to go and click on each one and then you'll see the grey circle, and can drag the Spacer to as small as you like.

Thanks @BrandonW

Works brilliantly thanks!

To others who try this, once you have inserted the code, don't expect your site to respond by automatically reducing the Spacer Blocks to 0 - you have to go and click on each one and then you'll see the grey circle, and can drag the Spacer to as small as you like.

Thanks @BrandonW

Thanks @BrandonW

Been looking for this for quite some time. Made my day!

Thanks @BrandonW

Been looking for this for quite some time. Made my day!

Nice! Thanks for posting. Side note: I converted your Answer to a Comment (it's easy to accidentally post an answer instead of a comment). Up-voting useful answers is also helpful. Best!

Thank you so much! This code is a life-saver.

Tried the code and it's not working for me :( Any idea if squarespace has updated something and that is why, or am I possibly entering it wrong? Thanks!

Hi Brandon,

Do you have a version of this that can reduce the minimum width of a spacer? I have one placed at the side and I'd like to shrink it!

Thanks v much!Paul

Hey @BrandonW

Thanks so much for the code! Is there any chance you could suggest how to override the minimum width of a spacer? All my attempts to modify your original code seem to fail!

Thanks again!

@BrandonW , they seem to have changed the code. Do you have an update? Thanks!

@BrandonW, Celia, It still worked for me April 2018 in Brine (Moksha). Maybe because I put it at the top of my CSS list along with my other overall site styles?

@BrandonW Hey Brandon, any update on a new code? This one isn't working anymore.

Thank you!-Jeff

Hi all. I've updated the answer. I've left the previous answer as well in case that works better for others. In general, you can inspect the code and form your own custom CSS by using your browser's developer tools/inspector. However, hopefully the code above is all you'll need.

8 minutes ago, caroline.leonard said:

Hi, 

 

This works for the  vertical spacer but not when you try to move horizontally? Any ideas?

On 3/22/2021 at 5:03 PM, caroline.leonard said:

 

Hi. Have you solved it yet?

Hello, is there any way to resize the blocks smoothly, currently it seems to be doing it in increments so there's no way to actually get the real size I want.

@DolceCotti

SS uses a 12 column layout. When laying things out blocks will snap to the grid.

It may be possible to get where you want with some Custom CSS. We'd need more detail and be able to see what you are talking about.

Thanks Brandon! One of the easiest and quickest answers to a problem I've ever come across! Worked like a charm!