Home Forums ART WordPress Theme Transparent head in lightbox

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #24505
    richardcech
    Participant
    Purchased
    Supported

    Hello,
    I tryed your custom css as you recommended here – https://www.seatheme.net/forums/topic/lightbox-white-translucent-border/

    But it looks that it doesnt work on mobile. There is still same translucent upper strip.
    I use this css and make this strip red for better recognition ūüôā (but i need to set it transparent)

    .pswp-light-skin .pswp__ui–fit .pswp__caption,
    .pswp-light-skin .pswp__ui–fit .pswp__top-bar {
    background-color: red!important;
    }

    but as I mentiond It doesnt work, especialy it doesnt work on mobile. (iphone 7)

    Thank you very much
    Best Regards
    Richard Cech

    #24511
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    If the red works, the CSS transparent should work also

    .pswp-light-skin .pswp__ui--fit .pswp__caption, .pswp-light-skin .pswp__ui--fit .pswp__top-bar {
        background-color: transparent!important;
    }

    If it doesn’t work. please leave the transparent CSS code, or we cannot check where is wrong.


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24517
    richardcech
    Participant
    Purchased
    Supported

    Hello,
    It doesnt work… So i leave the transparent CSS code as you wanted…

    (I also noticed, that if I turn off in lightbox by custom css counter and also top frame (white transparent stripe) it everything disappears correctly on the pc, everything also disappears on the mobile version except for this transparent upper frame… So i think It is some kind of animation which will appear only on mobile.. so if we define this white stripes on the phone, we can turn It of or make it transparent…)

    Here is link with screen of my mobile display with frame
    https://www.dropbox.com/sh/7hjirn8ccdwd4mm/AACuefGANO889ZEPOsGIsdG7a?dl=0

    Thank you very much
    Best Regards
    Richard Cech

    #24520
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    Please update the custom CSS as:

    .pswp__caption,.pswp__top-bar {
        background-color: transparent!important;
    }

    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24528
    richardcech
    Participant
    Purchased
    Supported

    Hello,
    Works absolutely perfectly !!

    Many thanks
    Best Regards
    Richard Cech

Viewing 5 posts - 1 through 5 (of 5 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!