Home Forums ART WordPress Theme Lightbox background opacity

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #24622
    richardcech
    Participant
    Purchased
    Supported

    Hello, 🙂
    could you please help me how to set the background of the lightbox transparent to 50% so that I can see a slightly opaque page below it?

    Thank you very much
    Best Regards
    Richard Cech

    #24631
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    Please redefine the color value with RGBA value, like the black color with 50% semi-transparent:

    .pswp__bg { 
        background: rgba(0,0,0,0.5);
    }

    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24639
    richardcech
    Participant
    Purchased
    Supported

    Hello,
    I try it but it did not work. I think there are more layer above which need setup transparency and some animation of pacity which need also some custom css about their opacity….

    Thank you very much
    Best Regards
    Richard Cech

    #24640
    richardcech
    Participant
    Purchased
    Supported

    *pacity = opacity

    #24642
    SeaTheme
    Keymaster
    Purchased
    Expired

    Please add the custom CSS, leave your webpage URL, I will check why it doesn’t work.


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24643
    richardcech
    Participant
    Purchased
    Supported

    Ok 🙂
    my web page is richardcech.com
    I added custom CSS 🙂

    Thank you
    Best Regards
    Richard Cech

    #24645
    SeaTheme
    Keymaster
    Purchased
    Expired

    Please update the custom CSS as:

    .pswp-light-skin .pswp__bg {
       background: rgba(255,255,255,  0.5)!important;
    }

    0.5 means 50% of opacity


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24655
    richardcech
    Participant
    Purchased
    Supported

    Works perfectly 🙂

    Thank you very much
    Best Regards
    Richard Cech

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

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!