
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
Jordan Rathkopf
on October 8, 2017No luck. Anybody got this going?
René Messina
on February 18, 2017Same here! Nothing happens ...
John A. Mozzer
on February 15, 2015I tried this, and nothing happens.