Tagged: gallery, horizontal gallery, Lightbox
-
AuthorPosts
-
March 12, 2018 at 10:58 am #925429
Hey there, having a usability issue that’s plaguing us.
When users click an image in a gallery (horizontal in this case), expected behaviour is understandably to open that lightbox – Not to have to hover over the corner and click an icon to do it. Of course we know you can do that and that’s how it works, but this is really troubling some of our users and a client is very insistent on this functionality.
- This topic was modified 6 years, 9 months ago by chiliharstad.
March 12, 2018 at 11:54 am #925456Hey chiligroupharstad,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .av-horizontal-gallery-link { width: 100% !important; height: 100% !important; background: transparent !important; transform: none !important; }
Hope it helps :)
Best regards,
NikkoMarch 12, 2018 at 1:55 pm #925510Thanks, I believe that has done the job.
March 12, 2018 at 4:36 pm #925593Hi,
Glad that it helped. Let us know if you need further assistance :)
Best regards,
NikkoDecember 5, 2021 at 7:35 pm #1331610Hi there,
I just created my new website with enfold, and I’m having similar question, like the client who wanted to have the whole images in a horizontal gallery as link to lightbox and not only the little button on the right bottom. Unfortunately your quick css proposed a couple of years ago:
#top .av-horizontal-gallery-link {
width: 100% !important;
height: 100% !important;
background: transparent !important;
transform: none !important;
},
doesn’t work with my site. Can you give me an advise, where to change this?
Thank you!
GiselaDecember 5, 2021 at 8:21 pm #1331616Hi,
Thank you for your question, I have tested this css on one of your portfolio pages and it seems to work correctly, but I didn’t find the css in your stylesheet, do you have it activity applied?#top .av-horizontal-gallery-link { width: 100% !important; height: 100% !important; background: transparent !important; transform: none !important; }
Please try adding it and clearing your browser cache, if you still find it is not working please include an admin login in the Private Content area below so we can examine.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
Best regards,
MikeDecember 5, 2021 at 8:51 pm #1331622This reply has been marked as private.December 5, 2021 at 9:31 pm #1331628Hi,
Thank you for the link to your site, I found this code in your Quick CSS:function ava_exclude_av-sc-portfolio-1($query) { $query->set( 'offset', '1' ); } add_action('pre_get_posts', 'ava_exclude_av-sc-portfolio-1'); }
this doesn’t belong there, it would go in your child theme functions.php, but even in that case it is not correct so I removed it.
Now the css works correctly, please clear your browser cache and check.Best regards,
MikeDecember 5, 2021 at 10:07 pm #1331630This reply has been marked as private.December 5, 2021 at 10:17 pm #1331633Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Horizontal gallery – Need the lightbox to open when the picture is clicked’ is closed to new replies.