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

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 CSS Editor. The values "0px" can be changed to suit your site design.
 

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;
}