Hi guys!
I’ve got several easy sliders in one page and each slider opens the images as a lightbox. The problem is that when the lightbox opens it get all the images from the page, not from each particular easy slider. So if i’ve got 3 easy sliders with 3 images each when I open the first one it get as if it has 9 images total. I’d like them to act individually, is that possible?
Thank you!
Hey!
Try adding this code to the Quick CSS:
.mfp-arrow, .mfp-counter {
display: none !important;
}
Cheers!
Josue
Hi Josue!
Thanks for your reply, but it doesn’t solve my problem.
I think i didn’t explain myself good enough. I’ve got 3 easy slider in one page, one for “Design”, another “Web”, and a third one “Social”. Each of them are soposed to show three images about this staff (in a lightbox), but the point is that when i open “Design” it shows the three images there are set in “Design” (which is ok), but if i continue clicking the right arrow moves to “Web”, and i’d like to stop in the “Design” images. Bottom line, if we where looking at the counter should be like this = 1 of 3 / 1 of 3 / 1 of 3 not 1 of 9 (as happens now).
Not sure i did a better job explaining myself now… ;)
Thanks for your help!
Cheers!
Hi,
Open js/avia.js and look for this line (825):
groups : ['.avia-gallery', '.isotope', '.post-entry', '.sidebar', '#main', '.main_menu'],
Replace it by this:
groups : ['.avia-slideshow', '.avia-gallery', '.isotope', '.post-entry', '.sidebar', '#main', '.main_menu'],
Regards,
Josue
Awesome!!! Thank you so much!!