Okay
  Public Ticket #1787226
Change lightbox item background
Closed

Comments

  • inimatel started the conversation

    Good Afternoon:

    How could I change the background color and title color in the lightbox single item screen? Actually, as you can see in the screen capture, it use a dark background and white text, but I would like to use a white background and a dark text according with our website style .


    Thanks for your attention.

  •  1,559
    Laborator replied

    Hi there,

    Follow the instructions in the image below:


    (view large version)


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • inimatel replied

    Hello


    Thank you! This is exactly what I need!

    But only one question... It could be possible to change  the transparency level or disable this feature? maybe through .CSS?

    Regards

    Ignacio

  •  1,559
    Laborator replied

    Hi Ignacio,

    Add this CSS to Custom CSS to manage the opacity of lightbox background:

    .lg-backdrop.in {
        opacity: 0.75;
    }
    


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • inimatel replied

    Hello Art:

    Sorry , but I have tried to add the code in "Custom CSS", and I also tried some values like 0.75, 0, or 1, but no changes occurs. I would like to use a solid white color whitout opacity. Could you review again, please? 


    Regards

    Ignacio

  •  1,559
    Laborator replied

    Hi Ignacio,

    That's strange, I will need to see how you have added the CSS and see why it is not being implemented.

    Can you just try one more time, by adding the !important rule after the opacity, like this:

    .lg-backdrop.in {
        opacity: 0.5 !important;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • inimatel replied

    Hello Art


    Now it works! Using the following code in the "Custom CSS" page options make that item background is showed as solid white without transparency.

    .lg-backdrop.in {
        opacity: 1 !important;
    }

    You can close the ticket.

    Thanks for your attention


  •  1,559
    Laborator replied

    Happy to hear that, have a great day

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group