Phoca Forum

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

Hi,
Generally: it's not recommended to work with negative values.
As for the -50% etc., you’ll have to figure that out yourself.

I don't know what you want to comment out, because the comments are kind of jumbled.
Sometimes at the end, sometimes in the middle. Take a look at line 11, for example.

I would do it like this:
The end of */ is actually in the code that follows.
Also */ is missing on line 15.
OT: Please make sure your site has an SSL certificate.

Kind regards,
Christine

Thank you for your response, I had not been notified.
The comment at lines 10 and 11 is because I had increased the size of the titles, but in the end we only wanted to increase the size of the photo's titles and not the categorie's titles.

For my question, it is mainly lines 13 and 14 that are important. The comment on line 13 was an attempt but ultimately inconclusive.
As for the negative value, it’s a trick found on another forum or website (I'll see if I refind the URL) and seems to work well to center the images. Nevertheless, I am interested in best practices if you have any.

OT: you're right but I have to see it with the provider because SSL certificate doesn't work
Thank you again.

Hi,

If you want to comment something out, comment out the entire block—don’t just do it in the middle. That way, you’ll have a better overview.
Check those comments again on lines 15 and 16.
For example:
/* text */
or some code:
/*some codes */

Regarding the negative value:
If it works, then that's fine.
Just keep the mobile version in mind.

Categories (Description) Title = h3
Enlarge photo titles: Something else I noticed:
You have both “themes” activated.

That is: theme_standard.css and theme_simple.css.
Try temporarily deactivating one of them.Then you’ll see the differences.
You can choose whichever version you like best.(By deactivating one of them in the backend under “Themes”).
Either theme_standard.css or theme_simple.css.

https://imgur.com/a/5h2YGej

SSL certificate:
Activate it in the backend (configuration).

Kind regards,
Christine

Hi,

Concerning centering:
Change line 14 to:
and delete line 13
temporary it works.

Kind regards,
Christine