ericakfranz
2/15/2016 - 6:26 PM

Reposition the Envira Lightbox close and navigation arrow icons to the outside ege of the browser window.

Reposition the Envira Lightbox close and navigation arrow icons to the outside ege of the browser window.

envira-reposition-close-nav-lightbox.css
content_copyfile_download
/* Move the close icon */
.envirabox-close { position: fixed !important; top: 5px !important; right: 5px !important; }

/* Move the prev/next navigation arrows and make them always visible */
a.envirabox-nav span { visibility: visible !important;  position: fixed !important; }
.envirabox-prev, .envirabox-next { position: fixed !important; width: 40% !important; }

/* Make sure the prev/next nav arrows are consistently positioned regardless of inside/outside configuration */
.envirabox-prev { left: 0 !important; }
.envirabox-next { right: 0 !important; }