No “X” or obvious way to exit Light Box

  • The light box function is not working properly. I cannot see any “X” symbol or other icon indicating a way to close the gallery.

    This is a deal breaker. My WordPress is up to date. I see arrows for navigation and I can exit via “escape” key.

    Any ideas? Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Well, if you are seeing arrows for navigation and ESC exits, the plugin should be working.
    Here are a few things to try:
    – Clear browser cache. Try another browser.
    – Switch default lightbox setting to prettyPhoto or FancyBox and see what happens. SwipeBox has close in upper-right corner, the other 2 are closer to the image.
    – If you know some HTML: Inspect (right click the lightbox image and inspect). The default lightbox of SwipeBox will have swipebox-container div element and inside that div is a #swipebox-close element. press ctrl-f to search for swipebox-close). The arrows and the close icons are in same svg.
    – In Admin->Lightbox->Lightboxes tab. Enable the Force PNG icons options which uses png image instead of svg.

    Hope that helps

    Thread Starter MS416

    (@ms416)

    Thank you kindly for your detailed reply. It’s really helpful.

    I’m sorry but happy to say I noticed the black “WP admin bar” was obstructing it. 95% of the X was simply behind that black strip at the top, just under my username.

    I think the X should be shifted to compensate for this. ??

    It was a good suggestion you made to also look at the other light boxes like “prettyPhoto or FancyBox” like you said. “Nivo” seemed to work best.

    Appreciate your time. Cheers.

    Glad to help. Responsive Lightbox is a good gallery, lightbox and media folders plugin. dFactory isn’t super pushy with the premium/paid like a lot of plugins today. I use their cookie notice plugin too.

    Regarding the WP admin bar, I typically turn that off in my profile so site is rendered as visitors will see it. I have Admin open in adjacent tab anyway. In the v5.6 test wordpress site I tried, the Lightbox completely filled the client window so there was no interference with the #swipebox-close button.

    You can override the style #swipebox-close { top: 0 } to top:32px or whatever you want. I hope you are using a child theme, which makes overrides easy. Inspect the elements and add some overrides. Just be aware of multiple devices / media queries so any overrides perform as desired on different devices. I typically extract out the exact media queries from the parent theme and paste them (empty) in child theme style.css so any overrides can be constructed to use same media breakpoints/rules as the theme.

    Have a great day!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘No “X” or obvious way to exit Light Box’ is closed to new replies.