Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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, 8 months ago by chiliharstad.
    #925456

    Hey 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,
    Nikko

    #925510

    Thanks, I believe that has done the job.

    #925593

    Hi,

    Glad that it helped. Let us know if you need further assistance :)

    Best regards,
    Nikko

    #1331610

    Hi 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!
    Gisela

    #1331616

    Hi,
    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,
    Mike

    #1331622
    This reply has been marked as private.
    #1331628

    Hi,
    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,
    Mike

    #1331630
    This reply has been marked as private.
    #1331633

    Hi,
    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

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Horizontal gallery – Need the lightbox to open when the picture is clicked’ is closed to new replies.