Light box background

Resolved nico39
(@nico39)

7 years, 1 month ago

Because I haven’t response from support ticket on pro client website:

I just bought Robo Gallery, but if I set Lightbox background at: rgb(255, 255, 255), transparence is almost here.

I want a Lightbox with a full white background à opacity 100% (no transparence)

Is it a bug?

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author robosoft
(@robosoft)

7 years ago

looks like some kind of conflict, but we can suggest you some temporary solution which gonna help you right away.

Try to add this style to overwrite style of the lightbox background overlay:

.mfp-bg {
background-color: rgba(255, 0, 0, 0.2) !important;
}

use the same way as styles for the button, I mean in Custom CSS field.

Please try and let me know.

Thread Starter nico39
(@nico39)

7 years ago

Hi,

I disable cache, clean cache for browser, put the code in Robo CSS, nothing works
Thread Starter nico39
(@nico39)

7 years ago
So thalksfor your help,
After a lot of research I found a functional code:

.mfp-close {
background: url(icons/icon-close-x.png) right no-repeat !important;
background-image: url(icons/icon-close-x.png) !important;
background-position-x: right !important;
background-position-y: center !important;
background-size: initial !important;
background-repeat-x: no-repeat !important;
background-repeat-y: no-repeat !important;
background-attachment: initial !important;
background-origin: initial !important;
background-clip: initial !important;
background-color: initial !important;
z-index: 999;
width: 40px;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
width: 40px;
cursor: -moz-pointer;
cursor: -webkit-pointer;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.mfp-bg {
background-color: rgb(255, 255, 255) !important;
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 1;
}

I Also change the close button by a black one:
background: url(icons/icon-close-x.png)

and set width to 40px because it was cropped on one side, even before the change
- This reply was modified 7 years ago by nico39.
- This reply was modified 7 years ago by nico39.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Light box background’ is closed to new replies.

Tags