Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1176283

    On layerslider I would like to create a hover effect on an image created with another image is it possible?
    I mean to have an image for example a white image and when the mouse hovers the image turns black (2 png images created one white and one black)



    Thanks for contacting us!

    Have you already created your slider? If so, can you please share a link so we can see?

    You can add following code to Quick CSS in Enfold theme options > General Styling to turn images into grayscale on hover

    .ls-bg-wrap img:hover {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);

    Best regards,


    Hello, no, I haven’t made any changes yet, I was waiting for your news. In any case, I mean a hover effect with the image created by me and not in grayscale.

    See Attachment: https://ibb.co/gVysHMm

    As you can see from the image in the link, I have created two versions, I would like that once the mouse is hovered over the first image the second is shown


    I found the solution, loading both images but when the mouse hovers over the first it becomes opacity 0 and then the second is shown. thanks anyway!

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

The topic ‘Roll hover Image Layerslider’ is closed to new replies.