Frosted and Blurry Header (7.0 Version)

---

Description

Give the header a frosted and blurred style. This plugin uses css editor and works with Squarespace 7.0 (Brine).

---

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 Header //

.Header {
   background-color: rgba(0,0,0,.4) !important;
   box-shadow: 0px 5px 15px rgba(100,100,100,0.3);
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
}

---

Customize

Adjust the background color, box shadow, and backdrop filter values to your liking.

---