Newsletter Pill

Modern rounded border newsletter signup option. Available for Squarespace 7.0 official templates only.

Copy and paste the code below - instructions found here

version - 7.0 & 7.1

.newsletter-block .newsletter-form-field-element {
  border: none;
  border: 2px solid black;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-bottom: 14px;
}

.newsletter-block .newsletter-form-button-wrapper {
  border: none;
}

body:not(.button-style-default).button-style-outline .newsletter-block .newsletter-form-button {
  margin-left: -12px;
  border-top-right-radius: 20px;border-bottom-right-radius: 20px;
  padding-top: 16px;
  border-left: none!important;
}

For Squarespace official templates only. May not work with third-party templates or in conjunction with other plugins that affect the same components. If you have any problems or questions, please contact us!