Faded Drop Shadow Newsletter Block

Look Demo

Add a faded drop shadow to the newsletter block. This plugin uses css editor and works with all template families.

Screen+Shot+2019-10-17+at+7.31.21+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.

// Faded Drop Shadow Newsletter Block // 

.newsletter-block {
  padding: 50px !important;
  border-radius: 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.2) !important;
  -moz-box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.2) !important;
  box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.2) !important;
}

Customize

Adjust the padding, border radius, background, and box shadow values to your liking. If you want a darker shadow, change the 0.2 in all of the box shadow values to a higher number. For example, try 0.8 or 1.0.

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

Pill Field Style - Newsletter Block

Next
Next

Solid Drop Shadow Newsletter Block