Frosted and Blurred Image Poster Button

Frosted and Blurred Image Poster Block Button.png

Description

Give the image poster 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 Poster Block Button //

.sqs-block-image .design-layout-poster .image-button a {
   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.


Previous
Previous

Frosted and Blurred Newsletter Block Button

Next
Next

Flipped Portfolio Titles + Styles