Important:
This support area is for Kalium 3 users only. Support for Kalium 4 has moved to our new platform at support.laborator.co. If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.

Okay
  Public Ticket #1880969
Alter background color
Closed

Comments

  •  1
    Robert started the conversation
    February 3, 2019 at 8:51pm

    A warm hello from Austria again,

    if I click on a picture in a gallery post, it gets enlarged in front of a black background (showing the current & total number of pictures in the left upper corner and a close button in the upper right corner to return to the post).

    As I use collage pictures with a white separation line between the single pictures (because of a white post background, example can be found here: http://www.refro.at/refroto/wp2/?p=1559, move forward to the second picture in the post) I would like to change the background color in the enlarged mode from black to white, as well as the picture numbers and close button to the link color (same color as the menu in the start page).

    Is this possible & what settings do I have to change?

    Thx in advance, Robert


    PS: sorry, I forgot to complete the title of my request: Alter background color?

    {"wp":{"use":false,"adminUrl":"","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}
  •  1,561
    Laborator replied
    February 4, 2019 at 10:00am

    Hi Robert,

    Try adding this CSS to Custom CSS area:

    /* Gallery Lightbox: Background Color */
.single-post .lg-backdrop {
    background-color: rgba(255,255,255,.9);    
}
/* Gallery Lightbox: Thumb Background Color */
.single-post .lg-outer .lg-thumb-outer {
    background-color: rgba(255,255,255,0.9); 
    -webkit-box-shadow: 0px -10px 50px rgba(0,0,0,0.1); 
    box-shadow: 0px -10px 50px rgba(0,0,0,0.1);
}
/* Gallery Lightbox: Thumb Toggle Background */
.single-post .lg-outer .lg-toogle-thumb {
    -webkit-box-shadow: 0px -10px 25px rgba(0,0,0,0.1);
    box-shadow: 0px -10px 25px rgba(0,0,0,0.1);
    background-color: #fff;
}    
/* Gallery Lightbox: Thumb Icon Color on Hover */
.single-post .lg-outer .lg-toogle-thumb:hover, 
.single-post .lg-toolbar .lg-icon:hover,
.single-post .lg-actions .lg-next:hover, 
.single-post .lg-actions .lg-prev:hover {
    color: #000;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  1
    Robert replied
    February 4, 2019 at 6:57pm

    Art, works like a charm, thanks a lot :-) - request soved!

    Robert

  •  1,561
    Laborator replied
    February 5, 2019 at 8:09am

    Happy to hear that Robert!

    If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab.

    A huge thank you from Laborator in advance!


    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group