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?
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?
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
Art, works like a charm, thanks a lot :-) - request soved!
Robert
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