I’m not sure if I understand you correctly:
You have captions below images in a gallery on the page? And when you activate “Lightbox with PhotoSwipe” these captions are then off center?
At the moment I have no idea how this could happen. To display captions in the lightbox PhotoSwipe uses the CSS classes pswp__caption and pswp__caption__center. Maybe these classes are also used in the gallery on the page.
Do you have an URL where I can see the problem?
Yes, that’s right.
You can click on any of the images at this link to see what I mean:
https://epiphanyglass.com/epiphany/
Ok, I see – it is not the captions in the page itself but in the lightbox.
The lightbox here is not Lightbox with PhotoSwipe but still the one from JIG – because my plugin does not use the “zoom animation” you see when opening an image (the reason why this is not supported in my plugin is explained in the FAQ).
The text alignment also comes from JIG, specifcially from https://epiphanyglass.com/wp-content/plugins/justified-image-grid/css/photoswipe4.css, line 469:
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC; }
If you want to use Lightbox with PhotoSwipe you have to disable the lightbox in JIG first, if this is possible. If you can not disable the lightbox there, then Lightbox with PhotoSwipe can not be used, sorry!
Thank you!
Do you know if it’s possible to use this plugin with Elementor?
I’m sorry, but didn’t test my plugin with Elementor.
As a rule of thumb: if Elementor (or any other plugin) uses its own version of PhotoSwipe, then this will definetely cause a conflict. You have to check, if you can disable the PhotoSwipe versions in the other plugins.
