Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 1, 2022 at 10:29 pm #1363544
    Marina

    Hello,

    I would like to set the background color of the image area in the lightbox to white, however in such a way that the top and bottom padding areas, containing the close button and the image title, remain black-transparent. I have PNG images with transparent background and would like to have them on white in the lightbox with all the rest areas of the lightbox remaining as before. Is it possible?

    Thank you,
    Marina

    September 2, 2022 at 9:38 am #1363588
    Nikko

    Hi Marina,

    I think it’s possible if it’s on separate pages.
    As for the global code for the modification you wanted, please try this CSS code in Enfold > General Styling > Quick CSS:

    #top .mfp-zoom-in.mfp-bg {
    background-color: white;
}

#top .mfp-content {
    background-color: rgba(0,0,0,0.8);
    padding: 0 40px;
}

    Best regards,
    Nikko

    September 4, 2022 at 11:50 pm #1363855
    Marina

    Hi Nikko,

    Thank you for your code, but it also made the whole screen white. I managed with the following code:

    .single-post .mfp-img {
    background-clip: content-box !important;
    background-color: white !important; }

    You can close the ticket.

    Best regards,
    Marina

    September 5, 2022 at 9:47 am #1363876
    Ismael

    Hi,

    Great! Glad to know that this has been resolved. Please feel free to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Background of an image in the lightbox’ is closed to new replies.