Full Underline Newsletter Block Style

---

Look Demo

Add a full width underline style to the newsletter block. This plugin uses css editor and is comptaible with:

• Squarespace 7.0

• Squarespace 7.1

---

How To Install

Copy and paste the code below into the Custom CSS Editor box.

// Full Underline Newsletter Form - Block Style // 

.newsletter-block .newsletter-form-body {
  padding: 0px !important;
  border-bottom: 2px solid !important;
}

// Full Underline Newsletter Form - Field Style // 

.newsletter-form-field-element {
  border: none !important;
  background-color: transparent !important;
}

// Full Underline Newsletter Form - Input Style // 

.newsletter-form .newsletter-form-field-element, .field.email input::placeholder, .field.email input:focus {
  color: #666 !important;
}

---

Customize

There are a few things you can adjust, so we sectioned them so they are easier to find.

• Block Style: Adjust the border and padding to your liking. Add spacer blocks to change the width of the block.

• Field Style: Change the background and border style of the email address input field.

• Input Style: Change the color of the placeholder and input text shown in the email address field.

Additional styles for fonts and button can be found in site styles.

---