When using the Gallery (big image with thumbnails), since the images all have different aspect ratios, the image displayed in the top “big image” area is often distorted when rolling over a portrait image as opposed to landscape.
I have tried all sorts of alternatives and would just like to disable the rollover – so that – if you rollover the thumbnail, the large image just stays are the first one in the gallery.
Is this possible?
Hi canbeep!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .avia-gallery .avia-gallery-thumb a { pointer-events: none; }
Regards,
Yigit
Ok – that does disable the rollover change – however, now I can’t click on any thumbnail to still open the lightbox at that point in the slideshow. Anyway to keep the ability to open the lightbox and still remove the rollover preview.
Hi!
Thank you for the update.
Please edit js > shortcodes.js, find this code on line 2084:
gallery.on('mouseenter','.avia-gallery-thumb a', function()
Replace it with:
gallery.on('','.avia-gallery-thumb a', function()
Remove browser cache then reload the page a few times.
Best regards,
Ismael