Neon Light Newsletter Block

---

Description

Give the newsletter block a neon and light style. This plugin uses css editor and works with all template families.

---

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Newsletter Block //

.newsletter-block {
  padding: 50px !important;
  border-radius: 25px;
  background-color: #FFFFFF;
}

// Newsletter Field //

.newsletter-form-field-element {
  border-radius: 10px;
  background-color: #EEEEEE !important;
}

// Newsletter Button //

.newsletter-block .newsletter-form-button {
background: linear-gradient(to left, #F07C63, #E45372) !important;
}

---

Customize

Newsletter Block: Adjust the padding, border radius, and background color values to your liking.

Newsletter Field: Adjust the border radius and background color values to your liking.

Newsletter Button: Change both of the background #F07C63 and #E45372 color values to the colors of your choice.

Other colors and font styles can be done directly in your Squarespace settings.

---