Jump to content

Gradient Header suddenly developed a lighten/screen effect overnight that I cannot remove.

Go to solution Solved by Sam0smith,

Recommended Posts

Posted (edited)

Site URL: https://parrot-bird-pz4d.squarespace.com/
PW: Fiona

Hi all, 

I went to bed last night and everything was fine, but upon waking the gradient header now lightens everything underneath it. I do not want this at all and have no idea how to fix it. I thought perhaps the client making some changes while I slept caused it but removing all of my code does not fix the issue and I have searched through all of Squarespace's Header customization options that I can find and there doesn't seem to be anything causing it there either. 

Please help!

You can see the effect I am referring to here:

image.thumb.png.739a9e996b277e5d2c0c3e1f9d07000e.png

 

I've also noticed that it's made the black gradient that I've coded for the shrink header a weird lighter grey instead of the pure black I have coded.

image.png.e57ca21a875a1974483c14fb38df6c7a.png

 

EDIT: I've spoken to the client and they made no changes to the Header overnight.  So far I have tried:

.header .header-announcement-bar-wrapper {
  -webkit-backdrop-filter: unset !important;
  backdrop-filter: unset !important;
  background: none !important;
  mix-blend-mode: normal !important;
}

to try to remove this effect to no avail.

Edited by joshuahext
Link to comment
  • Replies 2
  • Views 220
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

58 minutes ago, Sam0smith said:

Please add this : 

 

.header-dropshadow {
    box-shadow: none !important;
    opacity: 0 !important;
}

let me know how it goes. 

 

Oh my god I'm an idiot. Thank you so much. I didn't think that it could be that the image below was being made darker. That's perfect. Thanks!!!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.