Frosted and Blurred Newsletter Block Button

Frosted and Blurred Image Poster Block Button.png

Description

Give the newsletter block button a frosted and blurred style. 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.

// Frosted Blur Image Newsletter Block Button //

body:not(.button-style-default) .newsletter-form .newsletter-form-button {
   background-color: rgba(0,0,0,.1) !important;
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
}

Customize

Adjust the background color and backdrop filter values.

Button text color can be changed in color settings.


Previous
Previous

Product Upsell Page for 7.1

Next
Next

Frosted and Blurred Image Poster Button