Resize Newsletter Block Size on Squarespace 7.1

Squarespace’s newsletter block is a great addition to your site. However, the default sizing can be a bit clunky for more compact spaces, or streamlined designs. Use the below code plugin to resize this section for a more streamlined look to your newsletter sign up section. Want to customize it further? Change the top and bottom padding to adjust the sizing to your liking.

Copy Code Example
.sqs-block-newsletter .newsletter-form-field-element {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
button.newsletter-form-button.sqs-system-button {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
    
Previous
Previous

Add Drop Shadow to Header Text in Squarespace

Next
Next

Add Drop Shadow to Squarespace Image Blocks and Buttons