Description:

Add a gradient color to the newsletter block’s button. 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 - Gradient Button //

.newsletter-form .newsletter-form-button {
    background: -webkit-linear-gradient(to right, #F07C63, #E45372);
    background: linear-gradient(to right, #F07C63, #E45372);
}

Customize:

Adjust the background values to your liking.

Additional styles for fonts and button style can be found in Squarespace’s native settings.