Margin and Padding CSS

 
 

Adding Margin or Padding to different elements in the CSS Editor can be done in various ways. Below you find some examples on how to add Margin and Padding to a spacer block . 

It's worth noting the difference between margin and padding. Margin is the space outside the border of an element, while Padding is the space that is inside the border of it.

The following code snippets need to be inserted into your main CSS Editor window. The values in bold can be changed to suit your site design. If you need help adding CSS to your Squarespace site please read our guide here.

Margin

// SEPARATE VALUES //

.sqs-block-spacer {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}


// COMBINED VALUES //
// TOP - RIGHT - BOTTOM - LEFT // 

.sqs-block-spacer {
  margin: 0px 0px 0px 0px;
}

Padding

// SEPARATE VALUES //

.sqs-block-spacer {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}


// COMBINED VALUES //
// TOP - RIGHT - BOTTOM - LEFT //

.sqs-block-spacer {
padding: 0px 0px 0px 0px;
}