How make light skin of Lightbox (Upfront, Za, Muti)

[SeaTheme]

Please use the custom css:

.pswp__bg {
  background: #fff; }
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background-image: url(https://themes.uiueux.com/air/wp-content/themes/air-theme/styles/skin/photoswipe/default/light-skin.png);
}
 
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(https://themes.uiueux.com/air/wp-content/themes/air-theme/styles/skin/photoswipe/default/light-skin.svg); }
.pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } 
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before,
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
background-color:rgba(255,255,255,.3);
}
.pswp__counter { color:#333;}

[SeaTheme]

You should notice the light-skin.png and light-skin.svg, I suggest you download the 2 files, put them on your server host.

[Author]

Posts