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

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #30039
    Gareth BisslandGareth Bissland
    Participant

    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
    VeenaVeena
    Moderator

    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 BisslandGareth Bissland
    Participant

    worked, thanks!

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

    Thanks

    #30051
    RaghavendraRaghavendra
    Moderator

    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 BisslandGareth Bissland
    Participant

    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.