search

wet-boew / wet-boew-styleguide

A style guide for the Web Experience Toolkit.
http://wet-boew.github.io/wet-boew-styleguide/index-en.html
36 stars 32 forks source link

WET4.0 Modal Overlay mask div background color #406

Closed ghost closed 2 years ago

ghost commented 2 years ago

I use WET4.0 Centered popup -Modal (lightbox Modal) to create a modal, but I cannot change the mask background color from black to gray, and made it opacity 0.5 (filer 50). I tried to update theme.css, theme.min.css mfp-hide, modal-dialog, modal-content, overlay-def, overly-lg, modal-body class, but nothing changed, the background was still black and it is not transparent. lightbox

ghost commented 2 years ago

To change the background try:

.mfp-bg {
background: #808080 !important;
opacity: 0.49 !important;
}

If you want to see the page contents, try also:

body.wb-modal summary, body.wb-modal>#wb-tphp, body.wb-modal>footer, body.wb-modal>header, body.wb-modal>main {
visibility: visible !important;
}