Solid Drop Shadow Field & Button - Newsletter Block

Look Demo

Give the newsletter block input fields and button a solid drop shadow style. This plugin uses css editor and works with all template families.

Screen+Shot+2019-10-17+at+10.35.27+PM.jpg

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.

// Solid Drop Shadow Fields Newsletter //

.newsletter-form-field-element {
  border-radius: 10px;
  box-shadow: 6px 6px #686AE1;
  margin-right: 6px !important;
}

// Solid Drop Shadow Newsletter Button //

.newsletter-block .newsletter-form-button {
  box-shadow: 6px 6px #686AE1;
  margin-right: 6px !important;
}

Customize

Adjust the border radius, box shadow, and margin right for both the Newsletter Field and Newsletter Block.

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

License

This plugin comes with an Unlimited Use License. View License Terms

Previous
Previous

Your Own Newsletter Block Background

Next
Next

Pill Field Style - Newsletter Block