More than full site image

[AlainR]

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.

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}

Then I apply other CSS rules and the opposite happens: the clicked photo is not centered but all the others are.

Code: Select all

.pswp__zoom-wrap img.pswp__img{left:50%;margin:auto;position:relative;text-align:center;transform:translate(-50%,0) !important}

Could someone who knows CSS help me please?

Joomla! 6.1.3
PG 6.1.3
PHP 8.3.33