lightbox arrow not shown in 4.5.7

// LIGHT BOX
$pswp__show-hide-transition-duration: 333ms !default;
$pswp__controls-transition-duration: $pswp__show-hide-transition-duration !default;
$pswp__background-color: $black !default;
$pswp__placeholder-color: #222 !default;
$pswp__box-sizing-border-box: true !default; // disable .pswp * { box-sizing:border-box } (in case you already have it in your site css)
$pswp__root-z-index: 1500 !default;
$pswp__assets-path: "" !default; // path to skin assets folder (preloader, PNG and SVG sprite)
$pswp__error-text-color: $slider-runnable-track-focus-bg !default; // "Image not loaded" text color
$pswp__include-minimal-style: $pswp__box-sizing-border-box !default;
$mdb-lightbox-figure-img-transition: opacity .4s !default;
$mdb-lightbox-figure-img-hover-opacity: .8 !default;
$mdb-lightbox-no-margin-padding: $autocomplete-clear-top !default;
$pswp__button-background: url(#{$image-path}/lightbox/default-skin.png) !default;
$pswp__button-background-image: url(#{$image-path1}/lightbox/default-skin.svg) !default;
$pswp__preloader__icn-background: url(#{$image-path}/lightbox/preloader.gif) !default;

Piotr Glejzer staff commented 6 years ago

Did you clean cache or did you use gulp to compile scss files? But I downloaded the latest version of MDB Pro and hmm it is weird but lightbox is working good.

---

webmaster1 pro commented 6 years ago

yes, i clean the explorer cache.

---

Piotr Glejzer staff commented 6 years ago

Hi, It's bug. We can try to fix that in next release. You can try to do something like that: .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 1 !important; } and file path to lightbox arrows images should be background-image: url(../img/lightbox/default-skin.svg); Change @media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */ .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(../img/lightbox/default-skin.svg); } We are very sorry about that! Best, Piotr

---

Piotr Glejzer staff commented 6 years ago

Hi, I checked mdb-PRO 4.5.8 and I have everything correctly with lightbox. Did you check you path to files is good? Best, Piotr

---