Gallery3 Lightbox lightGallery Background


(Jean-Michel Lannier) #1

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


(Jean-Michel Lannier) #2

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