Search…

X3 Photo Gallery Support Forums

Search…
 
User avatar
Martin
Experienced
Topic Author
Posts: 651
Joined: 30 Jan 2011, 23:24

Background/Border Popup

25 Nov 2015, 04:40

Hi Karl,

You gave me the CSS code below to change the background and image-bordercolor for the previous popup imageviewer:
Code
.mfp-img {
  border: 10px solid white; 
}
.mfp-ready.mfp-bg {
  background-color: rgb(229,229,229); 
  opacity: 1 !important;
}
Could you give me the equivalent code for the new popup imageviewer?

Thnx! in advance

Martin
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Background/Border Popup

25 Nov 2015, 12:39

Code
pswp__bg {
  background-color: rgb(229,229,229);
}
.pswp__img {
  border: 10px solid white; 
}
Not 100% sure the image border is entirely flawless, as this could interfere with the zoom-in effect (after clicking a thumbnail).
 
User avatar
Martin
Experienced
Topic Author
Posts: 651
Joined: 30 Jan 2011, 23:24

Re: Background/Border Popup

25 Nov 2015, 17:41

mjau-mjau wrote:
Code
pswp__bg {
  background-color: rgb(229,229,229);
}
.pswp__img {
  border: 10px solid white; 
}
Not 100% sure the image border is entirely flawless, as this could interfere with the zoom-in effect (after clicking a thumbnail).
The border is flawless as it adjusts itself tot the zoom-in/out effect.
The background code was almost correct.
I added some code to get rid off the pswp__topbar and changed the colors of the pswp__buttons.
Now I've got this code:
Code
.pswp__bg {
  background: rgb(229,229,229);
}
.pswp__img {
  border: 10px solid white;
  background: rgb(229,229,229); 
}
.pswp__top-bar,
.pswp__caption {
	background-color: rgba(0,0,0,0);
}
.pswp__button,
.pswp__counter {
  color: #000;
}
Thnx! for helping me out...

Martin