How to Get a Full Width Newsletter Block in the Footer of Your Squarespace Website

So you decided to put a newsletter block in the footer of your Squarespace website? Great idea, that can be a great way to bring attention to your newsletter campaign! However, it can also be quite tricky to get it to look exactly how you want it.

This video shows you how to get your newsletter block to go all the way across the screen. The code used in the video is provided below.

The following code is used in the video.

Black Background

.Footer-blocks--top {
  background: black;
}

Footer Width

.Footer-inner {
  padding: 0px;
}

Newsletter Width

.newsletter-block {
  position: relative;
  width: 100% !important;
}

Here are some other posts you may like:

• How to Add a Dropdown Box to Your Squarespace Website

• How To Add A Colour Gradient To Your Squarespace Website

• How to Use Anchor Links to Jump to a Specific Spot on a Page