Adjusting Page Width & Site Margin on Squarespace
I constantly come across Squarespace websites that are completely out of proportion. Logos aren’t in line with the page text, images aren’t in line with forms, and everything is all over the place. Never fear though, as those with Squarespace websites, this problem can be fixed within a few seconds in site styles.
Let’s walk through it.
Watch The YouTube Video
I’ve also created a video for those who find a visual guide a little bit easier. Let me know what you think guys.
Adjusting The Page Width & Site Margin On Squarespace
Step 1: Open Site Styles
Select edit on the Squarespace dashboard (you will find this on the top left).
Go to site styles in the Squarespace editor (you will find this in the top right).
Select Miscellaneous and you will find Spacing.
Step 2: Adjust Page Width
You will find 2 options, we will start with page width.
Move the slider from left to right to control how wide the squares go on your website.
This defines the width of the content blocks on your page (so will not go the entire length of the page).
Step 3: Adjust Site Margin
Navigate to the Site Margin slider on the same page.
Use the slider from left to right to reduce or increase the padding between your content and the edge of the screen.
0 Will make the content almost touch the sides.
Recap
Page Width controls how wide your content blocks span.
The site Margin is the space between the page content and the site edge.
Any Questions?
My name is Jacob, your expert Squarespace designer. I have helped hundreds of businesses in multiple industries. If you have any questions after reading this article, be sure to contact me through WhatsApp.
If you would like to discuss a potential design project, you can email me at jacobchivers@chiverscrafted.co.uk or contact me here. Thanks for reading!
