More than full site image
Posted: 03 Sep 2026, 19:04
Hi.
We need to display the photos as wide as possible: www.thierry-images.ch/2026/galeries-de- ... id=1&pid=2
For this, I applied CSS to the pswp__zoom-wrap and pswp__zoom-wrap img classes.pswp__img
The problem is that when you drag to the next or previous photo, all the other photos are not centered.
Then I apply other CSS rules and the opposite happens: the clicked photo is not centered but all the others are.
Could someone who knows CSS help me please?
Joomla! 6.1.3
PG 6.1.3
PHP 8.3.33
We need to display the photos as wide as possible: www.thierry-images.ch/2026/galeries-de- ... id=1&pid=2
For this, I applied CSS to the pswp__zoom-wrap and pswp__zoom-wrap img classes.pswp__img
The problem is that when you drag to the next or previous photo, all the other photos are not centered.
Code: Select all
.pswp__zoom-wrap{transform:none !important}
.pswp__zoom-wrap img.pswp__img{margin:auto;position:relative;text-align:center;transform:translate(-50%,0) !important}Code: Select all
.pswp__zoom-wrap img.pswp__img{left:50%;margin:auto;position:relative;text-align:center;transform:translate(-50%,0) !important}Joomla! 6.1.3
PG 6.1.3
PHP 8.3.33