Remove gray overlay on Casper header image

Themes
1

I’m using Casper, and for the life of me and trying several suggestions for code injection, I cannot remove the gray overlay on my publications image. Does anyone have something that actually works. Super frustrating!

2

What gray overlay are you talking about?

3

At the top of the page, the main publication image. Whatever image you load there, it looks grayed out. So there’s an overlay built into the Casper theme.

4

You have a link to share so I can see the issue and help? I don’t have this on my site that uses Casper :thinking:

5

Here’s the site hawt-blog.ghost.io

Robbin Block
Blockbeta Marketing
Robbin@blockbeta.com

6

Try adding this to your code injection:

<style>

.gh-header.is-classic.has-image:before {
  content: unset;
}

</style>
1 Like
7

Yay!! That worked. I don’t understand why Ghost doesn’t provide a toggle for this. I’m not the first one to ask.

Thank you sooo much!

1 Like