Removing overlay for slick carousel in Image Carousel

Support Forums for LiveMesh Themes & Plugins Forums Beaver Builder Addons Support Removing overlay for slick carousel in Image Carousel

This topic is: resolved

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

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #30039
    Gareth Bissland
    Gareth Bissland
    Participant
    Post count: 3

    Hi,

    Is there a way either via overriding the modules (is this possible?) or editing a file to completely remove any overlays for the slick carousel. Particularly the Image Carousel module.

    Thanks

    #30040
    Veena
    Veena
    Moderator
    Post count: 8142

    You can use the below custom CSS to remove the overlay effect-

    .labb-gallery-carousel .labb-project-image:hover img {
        filter: none !important;
    }
    
    #30041
    Gareth Bissland
    Gareth Bissland
    Participant
    Post count: 3

    worked, thanks!

    What about the turning off the opacity overlay for the image slider?

    Thanks

    #30051
    Raghavendra
    Raghavendra
    Moderator
    Post count: 4607

    You can change the same by altering the value of opacity here and experimenting with the same –

    .labb-image-slider .labb-slide .fl-photo:after { opacity: 0.4 !important; }

    Lower the opacity, brighter the image and higher the opacity, the darker the image since the pseudo element acts as an overlay on top of the image.

    Better thing would be to change the same using the customization control provided with the module, named ‘Image Overlay Hover Opacity (%)’ in Style tab. It is much easier that way.

    #30080
    Gareth Bissland
    Gareth Bissland
    Participant
    Post count: 3

    Perfect, it is looking great. Thanks for your help.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Removing overlay for slick carousel in Image Carousel’ is closed to new replies.