Website Building » Squarespace » How Do I Remove Padding From Squarespace?

How Do I Remove Padding From Squarespace?

Last updated on December 27, 2022 @ 6:51 pm

There are a few different ways that you can remove padding from your Squarespace site. One way is to go into the CSS Editor and add the following code:

#content-wrapper {
padding: 0 !important;
}

This will remove the default padding that is applied to all content on your site.

PRO TIP: If you are considering removing padding from your Squarespace website, be aware that this may adversely affect the overall look and feel of your site. Additionally, it may make your site more difficult to navigate and use.

If you only want to remove the padding from certain pages or sections, you can use the Page or Section ID to Target those specific areas. For example, if you want to remove the padding from the home page, you would add the following code:

#home-page-wrapper {
padding: 0 !important;
}

You can also use negative margins to achieve a similar effect. Negative margins are often used in Squarespace sites to create full-width sections. You can add the following code to your CSS Editor to create full-width sections:

sqs-row {
margin-left: -20px;  /* Adjusts left margin */
margin-right: -20px; /* Adjusts right margin */
}
Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.