Lightbox not working on full-screen slider - Support | Kriesi.at

Tagged: full screen slider, Lightbox

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
July 23, 2020 at 3:51 pm #1232633
aweterings
Participant
On several pages I am using a full-screen slider and I tried applying a lightbox link to the images. For example in this page.

https://www.arnoweterings.nl/portfolio-item/cube-city/

The slider has three images but when I click on the images, nothing happens. When I inspect the element, a href is present but nothing happens.
Also when I use a single image, the link is still not working. Can you please take a look. Pasted the code from one image below:

<li style=”background-position: center center; background-image: url("https://ml1sogpdbwgn.i.optimole.com/fcv1eFI.HR3V~4c1cc/w:auto/h:auto/q:auto/https://www.arnoweterings.nl/wp-content/uploads/2020/07/Cube.Planet.001.jpg");” data-img-url=”https://ml1sogpdbwgn.i.optimole.com/fcv1eFI.HR3V~4c1cc/w:auto/h:auto/q:auto/https://www.arnoweterings.nl/wp-content/uploads/2020/07/Cube.Planet.001.jpg” class=” slide-3 “>
“

Tried Chome and Firefox, same result
- This topic was modified 4 years, 3 months ago by aweterings.
July 28, 2020 at 4:09 am #1233636
Ismael
Moderator
Hey aweterings,

Thank you for the update.

The full width caption overlay covers the slider link. To fix the issue or to prevent the caption from covering the whole slider, try to use this css code in the Quick CSS field.
```
#top .caption_fullwidth {
    width: 400px;
}

#top .caption_fullwidth .slideshow_caption {
	width: 100%;
}
```
Please don’t forget to toggle the Performance > File Compression settings after adding the css code.

Best regards,
Ismael
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.