Page 1 of 1

X3 Popup

Posted: 03 Feb 2016, 03:51
by MikeR
Hello,

I know I can change the opacity of the X3 Popup in the panel which is great.
1/I would like also to change the background color of the X3 Popup ? CSS ?
2/Also change the background color of the captions ?

3/Currently, in the X3 Popup the captions are aligned on the space available :

- the sharing in the top (right)
- title at the bottom of the screen
- previous and next buttons on the edge of the screen

This is great for big images. Is it possible for smaller images to place these elements above the image (and keep autohide option)

Thank you for your help

Re: X3 Popup

Posted: 03 Feb 2016, 13:42
by mjau-mjau
MikeR wrote:1/I would like also to change the background color of the X3 Popup ? CSS ?
In custom CSS, add this:
Code
.pswp__bg {
    background: rgba(0,0,0,.8);
}
Change to an appropriate RGB value. The ".8" value at the end is opacity.
MikeR wrote:2/Also change the background color of the captions ?
I would warn against over-customizing, but you can find some recipe here:
https://forum.photo.gallery/viewtopic.p ... 635#p38635
MikeR wrote:This is great for big images. Is it possible for smaller images to place these elements above the image (and keep autohide option)
Unfortunately no. You gotta keep in mind, a small images might not be small on a small screens anyway ... It would be tedious and prone to flaws to start moving everything around based on multiple factors image size, screen size, device orientation and image orientation. Sometimes you just gotta go with well-tested solutions that are made to work optimally on all devices.