3 useful ways to use the spacer block for your Squarespace website
There’s a ton of blocks that are available to use for your Squarespace website but one of them seems to be underutilized. Many times, I’ll get clients asking me questions of how to get a block to be a certain way and it’s a quick and simple fix. I want to show you three different ways that you can utilize the spacer block for your Squarespace website.
1. RESIZING IMAGE BLOCKS
If you’ve ever uploaded an image on Squarespace, you know how humongous the image block turns out to be.
As you can see below it nearly takes up my whole screen:
Unless you’re placing the image next to text you’ll be fine because the image will resize on its own but if you’re just uploading an image you’re stuck with a huge image unless you use the spacer block.
It also depends on the design you’re using because not all designs will leave you with a huge image such as the “card layout, overlap layout and collage layout.”
I’ve circled them below:
This is where the spacer block comes into play watch what it does to my image below:
I’ve added two spacer blocks to the left and to the right of the image in order to make it smaller and to center the image as well. If you would like to have the image alone to the left or to the right you simply add a spacer to the opposite side.
If your image is still too big you can drag the gray circle that is at the bottom of your image up and it shrinks your image as shown below:
In the end the spacer block is a great block to use if you’re looking to resize your images. This is a great alternative from having your overall site padding changed.
2. ADDING WHITE SPACE
I can’t tell you how many cringe-worthy websites I’ve come across that lack white space. White space makes it easier for your reader to go through your website and it’s just overall aesthetically pleasing.
Squarespace makes it easy for you to add white space to your website. Just simply add the spacer block! It’s extremely simple and very useful.
Don’t worry if you’ve already designed your website you’re still able to go back and edit your pages so if you’re seeing that your website is lacking white space go and add spacer blocks where needed!
3. CENTER TEXT
The spacer block is also useful to center text. If you’ve notices that when you add text to your website, it will be laid out throughout the whole page and there’s really nothing you can do to the text block in order to get it centered and condensed.
This is where the spacer block comes in! If you add a spacer block to each side of your text, you’ll be able to center it. You can also play around with the spacer blocks and make them shorter length wise and wider as well.
I’ve added examples below for reference: