Add the Words "Full Screen" to Lightbox - Aaron Meyers

Add the Words "Full Screen" to Lightbox

Similar to adding the word "Close" to the Lightbox "x", or adding text to the icons in the lightbox, the words "Full Screen" can also be added to the 2 double arrows in the lightbox. Note: in Chrome the ability to go fullscreen is disabled by default. The double arrows and the "Full Screen" text will not be displayed on the page, no matter what you do. Don't worry, this is not a SmugMug issue. View your page in Firefox, Safari, IE, etc, to see the double-arrow and "Full Screen" words. Add the following CSS to your theme's advanced CSS settings:

/* Add the word "Full Screen" to the lightbox double arrow icon */
.sm-user-ui .sm-lightbox-tools .sm-lightbox-expand:after {
  content: ' Full Screen';
  font-size: 18px;
}

Comments

Powered by SmugMug Log In