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

    When I hover on thumbnail images like in portfolio grid, it works fine with showing up a little arrow above faded image.

    But in the LayerSlider, images with a link does not animated. Is it my fault?

    Related CSS is something like this,

    a:hover .image-overlay .image-overlay-inside {-webkit-animation ~~~

    It used to work in earlier version of Enfold. I tested.

    #136525

    Hey,

    Add the class=”avia-hover-fx” on the anchor tag.

    <a class="avia-hover-fx" href="LINK HERE"><img src="IMAGE URL HERE"></a>

    Regards,

    Ismael

    #136526

    I found a simple resolution!

    I just replaced a line in avia.js like this. Finally works fine.

    Replace this line

    var elements = $(‘#main a img’).parents(‘a’).not(‘.noLightbox, .noLightbox a, .avia-gallery-thumb a, .avia-layerslider a’).add(‘#main .avia-hover-fx’);

    with this

    var elements = $(‘#main a img’).parents(‘a’).not(‘.noLightbox, .noLightbox a, .avia-gallery-thumb a’).add(‘#main .avia-hover-fx’);

    #136527

    Glad you found a solution bryu1024 :)

    Regards,

    Devin

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

The topic ‘LayerSlider image link hover effect does not working’ is closed to new replies.