Add the Words "See Caption" to the Caption Area - Aaron Meyers

Add the Words "See Caption" to the Caption Area in the Lightbox

One of the biggest complaints I've heard was that sometimes, in the lightbox, viewers don't realize they can put their mouse over the caption to see the caption animate and rise up, displaying the full caption. There was a request to add text that says "See caption" in a different font color, next to the photo caption. The following code handles the case where people don't realize that if they put their mouse over the caption area in the lightbox that it automatically pops up: Add the following code to your theme's Advanced CSS settings:

/* Make the arrow before "See Caption" red */
.sm-lightbox-info-arrow.sm-fonticon {
   color:red !important;
}
.sm-lightbox-info-arrow { width: 180px; }


/* Add the text "See Caption" and set it to red */
.sm-lightbox-info-arrow.sm-fonticon:after {
   content:" See Caption";
   color:red;
   font-size: 16pt;
   font-weight:normal !important;
}

/* Align the text to the left */
.sm-lightbox-info {
  text-align: left !important;
}
Feel free to change the words "See Caption" in the 'content' of the CSS. From: http://www.dgrin.com/showthread.php?p=1918578#post1918578

Comments

Powered by SmugMug Log In