Photo Gallery Forums

Posted: **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:

.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

Posted: **25 Nov 2015, 12:39**

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).

Posted: **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:

.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

Photo Gallery Forums

Background/Border Popup

Background/Border Popup

Re: Background/Border Popup

Re: Background/Border Popup