Lightbox expand / close buttons

sarasphotos · January 20, 2015

eeeek!!! I have been pulling my hair out for days tring to fix this bit of ugliness.
uJDIMiEDkERCByKMlRJQvIAKRR0AEIo+ACEQeARGIPAIiEHkERCDyCIhA5BEQgcgjIAKRR0AEIo+AWEBvAbTC6GMRGrMAAAAASUVORK5CYII=

uJDIMiEDkERCByKMlRJQvIAKRR0AEIo+ACEQeARGIPAIiEHkERCDyCIhA5BEQgcgjIAKRR0AEIo+AWEBvAbTC6GMRGrMAAAAASUVORK5CYII=

These are the expand/close buttons from my lightbox. I can't figure out how to get the background to be black on this little corner. I have tried countless variations on .sm-lightbox .sm-button .sm-lightbox-tools and nothing seems to work. I got the nav arrows and the info bar at the bottom to display as I want but these two buttons elude me. Please help!!!

http://www.sarasphotos.de/PublicGalleries/Biking-the-Canal-du-Midi/i-Kzmf5Rw

I you check out the lightbox on any picture, you'll see what I mean.

Thanks in advance for any help.

Sara

jerryr · January 20, 2015

Hi - I have used this (change the color accordingly)

/** Light Exit Box **/

.sm-user-ui .sm-lightbox-tools .sm-lightbox-close:after {
content: ' Exit';
font-size: 20px;
padding-right: 5px;
}

.sm-user-ui .sm-lightbox-tools .sm-fonticon-XCross2 {
color: #fffff !important;
}

.sm-user-ui .sm-lightbox .sm-lightbox-tools {
padding: 5px;
}

.sm-user-ui .sm-lightbox-tools .sm-lightbox-close {
background-color: #5a7c9d !important;
border: 1px solid #5a7c9d;
color: #ffffff;
font-size: 20px;
opacity: 1.0;
}

Lightbox expand / close buttons

Comments