Removing overlay for slick carousel in Image Carousel

[Gareth Bissland]

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

[Veena]

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

.labb-gallery-carousel .labb-project-image:hover img {
    filter: none !important;
}

[Gareth Bissland]

worked, thanks!

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

Thanks

[Raghavendra]

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.

[Gareth Bissland]

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

[Author]

Posts