Search…

X3 Photo Gallery Support Forums

Search…
 
MikeR
Experienced
Topic Author
Posts: 216
Joined: 29 Sep 2006, 09:58

X3 Popup

03 Feb 2016, 03:51

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
 
User avatar
mjau-mjau
X3 Wizard
Posts: 12964
Joined: 30 Sep 2006, 03:37

Re: X3 Popup

03 Feb 2016, 13:42

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.