Stack Gallery 3 : how can I change the background color of the lightbox: ‘lightGallery’ to white
the black background in the lightbox is for me too blackly
I have found a solution
I change the css file with an applescript
tell application “TextWrangler”
activate
-- changing the backgroud color to white with 100% opacity: rgba(255, 255, 255, 1)
replace ".lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}" using “.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(255, 255, 255, 1);
}” searching in text 1 of text document 1 options {starting at top:true}
replace ".lg-outer .lg-thumb-outer {
background-color: #0D0A0A;" using “.lg-outer .lg-thumb-outer {
background-color: #FFF;” searching in text 1 of text document 1 options {starting at top:true}
-- changing the backgroud color and opacity of the next and prev arroy
replace ".lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);" using “.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(255, 255, 255, 0.1);” searching in text 1 of text document 1 options {starting at top:true}
-- changing the backgroud color of hover the next and prev arroy
replace ".lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;" using “.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #000;” searching in text 1 of text document 1 options {starting at top:true}
replace ".lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;" using “.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #FFF;” searching in text 1 of text document 1 options {starting at top:true}
-- changing the backgroud color of thump view botton and hover color
replace ".lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;" using “.lg-outer .lg-toogle-thumb {
background-color: #FFF;” searching in text 1 of text document 1 options {starting at top:true}
replace ".lg-outer .lg-toogle-thumb:hover {
color: #FFF;" using “.lg-outer .lg-toogle-thumb:hover {
color: #000;” searching in text 1 of text document 1 options {starting at top:true}
replace "" using "" searching in text 1 of text document 1 options {starting at top:true}
end tell