Button - Newsletter gradient color

ButtonsForms & Newsletters
Written By Squarespell
Create Newsletter Gradient Color Button in Squarespace 7.1

1. How it Works

  • Add a dynamic gradient color to newsletter button.

  • Fully compatible with Squarespace 7.1.

  • Utilizes custom CSS for seamless integration into your site design.

  • Perfect for enhancing button interactivity on your Squarespace website.

2. Add this code to CSS

//WWW.SQUARESPELL.CO.UK//
.newsletter-block .newsletter-form-button {
background: -webkit-linear-gradient(bottom, #5cafdb, #5c87db, #6b5cdb, #6b5cdb);
padding: 50px;
text-align: center;}
//WWW.SQUARESPELL.CO.UK//

To apply this code to your Squarespace site, simply follow the steps provided. If you encounter any issues or need further assistance, feel free to reach out to us—we’re here to help!

Squarespell https://squarespell.co.uk
Previous

Banner Image Slider
Next

Button - Solid to Outline