Jump to content

CSS for 'Frosted Glass' Header not working

Recommended Posts

Site URL: https://dodecahedron-disc-kbgt.squarespace.com

I'm trying to have the header be fixed but transparent with a blurred effect. This is the code I'm trying to insert:

.header-announcement-bar-wrapper {
background: inherit!important;
background-color: rgba(255, 255, 255, .3)!important;
backdrop-filter: blur(5px)!important;}

 

The code has worked in the past but is no longer working for me at all. Any ideas?

 

 

Screen Shot 2021-06-15 at 9.33.43 AM.png

Screen Shot 2021-06-15 at 9.34.40 AM.png

Link to comment
  • Replies 1
  • Views 378
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.