Skip to content

Instantly share code, notes, and snippets.

@ericakfranz

ericakfranz/envira-reposition-close-nav-lightbox.css

Last active February 15, 2016 19:20
Show Gist options
  • Save ericakfranz/725f2036cc4fd02909b9 to your computer and use it in GitHub Desktop.
Save ericakfranz/725f2036cc4fd02909b9 to your computer and use it in GitHub Desktop.
Download ZIP
Reposition the Envira Lightbox close and navigation arrow icons to the outside ege of the browser window.
Raw
envira-reposition-close-nav-lightbox.css
/* 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; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment