Website Building » Squarespace » How Do I Change Margins on Squarespace?

How Do I Change Margins on Squarespace?

Last updated on December 26, 2022 @ 7:37 pm

There are two ways to change the margins on Squarespace. The first way is to use the drag and drop editor. To do this, go to the left sidebar and click on the ‘Content’ tab. Then, click on the ‘Pages’ tab. Find the page you want to edit and click on it. Once you’re in the editing screen, click on the ‘Margins’ tab in the top right corner.

From here, you can adjust the top, bottom, left, and right margins. The second way to change margins is through CSS code. To do this, go to the left sidebar and click on the ‘Design’ tab. Then, click on ‘Custom CSS’. In the box that appears, paste in the following code:

PRO TIP: If you are not familiar with HTML and CSS, we recommend that you hire a professional to help you change the margins on your Squarespace website. Making changes to your margin settings can have unintended consequences, and may break your site’s design.

#main-content {
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
}

You can adjust the numbers to change the margins. For example, if you wanted to add a 20px margin to the top of your page, you would change the code to this:

#main-content {
 margin-top: 20px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
}
Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.