How to remove the extra space below code and embedded blocks on Squarespace

When you are embedding a 3rd party script on your Squarespace site using a code or embed block, there is an extra space that is added at the bottom.

The issue occurs because the “preview in safe mode” popup that shows whenever you this block gets calculated as part of the blocks height.

When you then save and leave editing mode, this “preview in safe mode” disappears, but the block remains the same height resulting extra space at the bottom. This code will hide this so it can’t be calculated.

---

Add the following to your Custom CSS

//Hide Code Block Status Bar
.sqs-block .sqs-blockStatus, .sqs-block .removed-script {
  display: none!important;
}

Originally posted by Schwartz Edmisten