How to always display grid lines on Squarespace fluid engine
Squarespace fluid engine has changed the game when it comes to the layouts we can have on our websites but the feature can be fiddly at times.
Trying to line elements up and place them where you want them doesn’t always go to plan and grid lines, that make lining elements up ten times easier, only appear when you hold down the element you want to move.
The good news however is that there’s a super simple keyboard shortcut you can use which keeps the grid lines displayed on your screen at all times, not just when you click an element. This is perfect for when you need precision and want to ensure you’re lining your blocks and elements up correctly.
Watch the video
Check out the YouTube video below 👇
Want a framework for designing the perfect homepage?
How to always have grid lines visible on Squarespace fluid engine
Once you’ve added your fluid engine section within your edit dashboard you can first select what you want your grid to look like and how many sections you want it to include in the edit grid panel.
Then, in order to ensure that grid is displayed at all times, simply use the following keyboard shortcut:
‘G’
I actually thought you had to press ‘Command + G’, but it turns out just tapping ‘G’ will suffice - easy peasy!
How your editor looks with the grid in place
You can also use these same keyboard shortcuts to remove the visibility of the grid too.
Having the grid permanently visible means you can see exactly where you need to position elements to ensure they’re precisely lined up on the screen.
This shortcut will also always display the centre line which is incredibly handy for creating balanced and symmetrical designs.
So there you have it, a super simple keyboard shortcut that can totally change the game when it comes to easily creating balanced and precise designs using Squarespace fluid engine.
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
