Your Cart

Clicking Twelve Them Lightbox Close Advances Image Slide

These forums are now closed to new replies / tickets.

Please open a support ticket from our new Support page.

Front Page Forums Problems Clicking Twelve Them Lightbox Close Advances Image Slide

  • gravatar
    Brandon King
    September 24, 2015 at 3:14 pm

    i noticed while testing 1.4.2 with the Twelve Theme, that the
    first click of the close icon in the lightbox advances to the next
    slide. Clicking again closes the lightbox. I found a fix but wanted
    to report the problem.

    .gallery-ligntbox-close and
    .gallery-lightbox-nextholder have the same z-index:
    99999

    adding the following override fixes the issues:

      .galleria-lightbox-close
      {
        z-index: 100000 !important;
      }
    


    gravatar
    Brandon King
    September 24, 2015 at 5:15 pm

    The discussion is now public.


    gravatar
    Brandon King
    September 24, 2015 at 6:15 pm

    actually the more i test, that is not the only oddity with the
    Twelve lightbox. i noticed that when it opens, the “next” button is
    not visible. if you click the image, it refreshes with the “next”
    button visible. click in the same spot and it will advance to the
    next slide. however, the “next” button is not visible after the
    tansition. click again it goes backwards to the previous image
    where the next button is visible. click again and it will take you
    to the next image essentially creating an endless loop of clicks
    between the 2 images. the only way to avoid this is to always click
    directly on the “next” button

    the same situation applies to the “back” button.

    i added this CSS to reverse the occasional CSS that seems to
    appear and cause the issue. This fixes it:

    .galleria-lightbox-nextholder,
      .galleria-lightbox-prevholder
      {
        z-index: 0 !important;
        width: 50% !important;
        height: auto !important;
        top:0 !important;
        margin-top: 0 !important; 
      }
    


Galleria.io uses cookies to store information. You can read more about that in our Privacy Policy. I understand