Post Carousel Color Overlay

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by Veena Veena 1 year, 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #30153
    Bettina S
    Bettina Staerkle
    Participant
    Post count: 3

    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

    #30160
    Veena
    Veena
    Moderator
    Post count: 8159

    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%);
    }
    
    #30173
    Bettina S
    Bettina Staerkle
    Participant
    Post count: 3

    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

    #30182
    Veena
    Veena
    Moderator
    Post count: 8159

    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%);
    }
    
Viewing 4 posts - 1 through 4 (of 4 total)

The forum ‘SiteOrigin Widgets Support’ is closed to new topics and replies.