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

This topic contains 1 reply, has 1 voice, and was last updated by  SeaTheme 2 years, 11 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #11519

    SeaTheme
    Keymaster
    Purchased
    Supported

    Please use the custom css:

    .pswp__bg {
      background: #fff; }
    .pswp__button,
    .pswp__button--arrow--left:before,
    .pswp__button--arrow--right:before {
      background-image: url(http://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(http://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;}
    #11520

    SeaTheme
    Keymaster
    Purchased
    Supported

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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!