How to Remove Overlay on Poster Image -- 7.0

LHH333 · July 31

Hi -- I'm trying to remove the overlay -- or at least make it even lighter -- on the rotating poster images at the top of my site.

https://www.baltimorespromise.org/new-home-2
PW: NewHome

I've gone to Design/Site Styles/ Image Block Poster Overlay and set it to hsla (0, 0%, 100%, 0) and a small overlay remains. I haven't had luck with the coding I've tried.

Can you help?

Thanks!

tuanphan · August 1

Use this code to Design > Custom CSS

.image-overlay, .image-card-wrapper {
    background-color: transparent !important;
    -webkit-mask-image: none !important;
}

LHH333 · August 1

Amazing, thank you!

How to Remove Overlay on Poster Image -- 7.0

Recommended Posts

LHH333

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

LHH333

Posted Images

tuanphan

Link to comment

LHH333

Link to comment

Create an account or sign in to comment

News

LHH333

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources