Post Carousel Color Overlay

[Bettina Staerkle]

Hi,

I again have issues changing the overlay color for one of the SiteOrigin Widgets. This time, I would like to change the .lsow-post-carousel hover overlay color from black to white. I have tried using an amended previous code you have supplied for the .lsow-module-11 but it doesn’t work. (.lsow-module-11 .lsow-module-image .lsow-post-link:after {
background: rgba(0, 5, 225, 0.5) !important;
})

You can find the post-carousel in http://www.thenexttrip.xyz/a-weekend-in-paris/ at the bottom in a section called “what about these ones?”.

Please advise. Thank you,
Bettina

[Veena]

Pls use the below custom CSS –

.lsow-posts-carousel .lsow-posts-carousel-item .lsow-project-image:hover img {
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}

[Bettina Staerkle]

Thank you, Veena.

Your suggested code reduces the darkness of the black overlay but doesn’t add a white overlay when hovering. How can I add that?

You can find the post-carousel in http://www.thenexttrip.xyz/a-weekend-in-paris/ at the bottom in a section called “what about these ones?”.

Thanks,
Bettina

[Veena]

Pls use the below modified custom CSS –

.lsow-posts-carousel .lsow-posts-carousel-item .lsow-project-image:hover img {
    opacity: 0;
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}

[Author]

Posts