3 useful ways to use the spacer block for your Squarespace website

3 useful ways to use the spacer block for your Squarespace website by EG Media Co – | Branding and Website Design for Creative Entrepreneurs | DIY Website Design | How to Create a Website | How to Build a Website | Squarespace Tips | Squarespace Website Design | Business Tips | Small Business Website Design | Web Design Portfolio | How to DIY a Website | Cheap Websites | Beautiful Website Designs | Beautiful Website Templates

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: 

EG Media Co. Image for blog “3 useful ways to use the spacer block for your Squarespace website”

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: 

EG Media Co. Image for blog “3 useful ways to use the spacer block for your Squarespace website”

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.

EG Media Co. Image for blog “3 useful ways to use the spacer block for your Squarespace website”

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:

EG Media Co. Image for blog “3 useful ways to use the spacer block for your Squarespace website”

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:

EG Media Co. Image for blog “3 useful ways to use the spacer block for your Squarespace website”
EG Media Co. Image for blog “3 useful ways to use the spacer block for your Squarespace website”