[Resolved] Lightbox not showing correctly

[Author]

Posts

[vinceA]

I have an image gallery set to show the images in a lightbox when you click on them.

For some reason the lightbox is showing with a bunch of close 'X' symbols, pushing the image further down the page.

See example gallery below video on the right of the page here: hidden link

It seems to be looping through a bunch of images and choosing not to display them but still showing the close symbols for each of them. I can't work out why this is happening though.

Any ideas?

[Waqar]

Hi,

Thank you for contacting us and I'd be happy to assist.

We have an internal ticket open for this already. In certain cases, the gallery with the lightbox shows multiple close buttons.

I've added your voice to this matter and as a quick fix, you can include the following code in your view's custom CSS section:

#lightbox > .lb-dataContainer.tb-lb-dataContainer {
display:none !important;    
}
  
#lightbox > .lb-dataContainer.tb-lb-dataContainer:first-of-type {
display:block !important;    
}

This will make sure only a single close icon is shown at a time.

regards,
Waqar