How to overlap blocks on Squarespace Fluid Engine
Previously on Squarespace, when you added a block and dragged it where you wanted it, it would automatically snap into place, aligning with other blocks already on the page.
A new update from Squarespace however has changed this. Now you can drag and drop a block into the exact position you want it, even overlapping it with other blocks. You even have the control over which blocks appear in the foreground and which are sent to the back of the overlap.
To overlap blocks head to ‘edit’ in your dashboard as usual and use a Fluid Engine section. If you’re using Classic Editor, select ‘upgrade’ to switch to Squarespace Fluid Engine.
Want a framework for designing the perfect homepage?
Add your section and then add your block. You’ll see straight away that with Fluid Engine, you have full control about where you drag and drop your blocks. Select your block and you can drag it and drop it into literally any part of the section.
If you want to overlap, for instance you might want to have a text block that slightly overlaps an image block, you simply need to drag and drop the block you want to overlap and put it where you want it. Sounds simple doesn’t it? That’s because it really is!
In order to change the position of your overlapping blocks (e.g. to move the one that sits on top to the back) just hover over the block and select the move backwards option.
It’s a really simple process but the best way to get to grips with it is to have a play around yourself, dragging and dropping blocks and moving them forwards and backwards until you create the layout and design you want.
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
