Transparent head in lightbox

[richardcech]

Hello,
I tryed your custom css as you recommended here – http://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

[SeaTheme]

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 – FAQs – Twitter – Facebook

[richardcech]

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

[SeaTheme]

Hi,

Please update the custom CSS as:

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

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[richardcech]

Hello,
Works absolutely perfectly !!

Many thanks
Best Regards
Richard Cech

[Author]

Posts