-
Posts
-
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.
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
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’);
- The topic ‘LayerSlider image link hover effect does not working’ is closed to new replies.