Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 7, 2020 at 6:33 am #1235920
    ferdle

    hi there,

    in private content you will find a link. with a click on the blue button in the middle a lightbox will open and show an iframe. i could setup a transparent background for that.
    unfortunately this change effected the background of the gallery of the iframe also (you will see by clicking on the thumbnail).
    is there a possibility to keep the setup of the iframe lightbox, but setup the lightbox of the galleries back to enfold standard?

    i hope i explained it right…

    thanks in advance for feedback.

    best regards
    ferdle

    August 7, 2020 at 7:03 am #1235923
    Guenni007

    as participant i do not see your private content – but lightbox has in its markup a mfp-bg ( background) and the mfp-wrap for the content – i guess what you look for is the mfp-bg opacity which is on default at 0.8
    this is standard definition:

    .mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0.8; 
}

    but sometimes ( depends on the source you open it must have a more specific selector like:

    .mfp-zoom-in.mfp-ready.mfp-bg,
.mfp-zoom-in.mfp-ready .mfp-preloader {
  opacity: 0.8;
}
    August 7, 2020 at 7:55 am #1235929
    ferdle

    for the iframe lightbox i needed to setup a fully transparent background. the lightbox covers the content of the page. what i did is the following:

    /* Lightbox Background */
    .mfp-bg {
    background-color:none!important;
    }

    .mfp-content {
    border:7px solid #fff;
    box-shadow:none!important;
    }

    .mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {
    opacity: 0.1;
    }

    of course, it affects all lightboxes of the page. my question is, is it possible to keep this, but bring back the standard setup for masonry gallery (there i dont need a transparent background)?!

    August 7, 2020 at 12:18 pm #1235980
    Guenni007
    background-color : none    /*** is not a valid value  ***/
    August 7, 2020 at 6:02 pm #1236080
    Victoria

    Hi ferdle,

    Well, you can use the page id class to make the transparent lightbox background just on the page with the blue button and so the lightbox in the iframe will work as usual.

    Best regards,
    Victoria

    August 14, 2020 at 7:50 am #1237698
    ferdle

    Hi Victoria,

    thanks a lot. It is not 100% what I want, but it is doing what it should do. Probably it is not possible, that the gallery lightbox background in the iframe lightbox covering the whole background of the page?! umpf… Hardly to explain…

    Anyway, what i did, maybe someone interested in:

    /* Lightbox Background */
    .page-id-623 .mfp-bg, .page-id-15 .mfp-bg {
    background-color:none!important;
    }

    .page-id-623 .mfp-content, .page-id-15 .mfp-content {
    border:7px solid #fff;
    box-shadow:none!important;
    }

    .page-id-623 .mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader, .page-id-15 .mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {
    opacity: 0.1;
    }

    August 14, 2020 at 3:16 pm #1237845
    Victoria

    Hi ferdle,

    Well, I’m glad that you got a solution that works for you more or less.

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.