How do I remove gray overlay from Solo theme?

Hi, just trying to remove the gray overlay from the cover image/background banner on the Solo theme homepage. I’ve tried some code injection shared here for other Ghost themes but it didn’t work. (Which makes sense! But thought I’d give it a go.) Just setting up my site. Here’s the current url. https://okay.ghost.io

I just played around with the developer tools in my browser, so not tested through code injection, but this CSS worked for me:

<style>
.gh-header.has-background-image:before {
    opacity:0;
}
</style>

Jannis, I really appreciate this! I am going to give it a try. Thank you!

1 Like

IT WORKED. Thank you!

1 Like