By default the SmugMug slideshows only fill 1 line of text. If you have long captions they get hidden behind this 1 line. If you would like to show your entire captions, use the following CSS. Add this as a CSS content block to your page with a slideshow. Note: This does not work for embeddable slideshows.
/* Update the max height so it'll take up all the height it needs */
.sm-tiles-info-over .sm-tile-info p {
max-height: initial !important;
}
/* Make the slideshow captions take up all the room they can */
.sm-slideshow .sm-tiles-info-over .sm-tile-info p {
overflow: auto !important;
text-overflow: ellipsis !important;
white-space: normal !important;
height: 100% !important;
}
Aaron @ SmugMug
on December 27, 2016@studio808: I've updated the code so it should work properly now!
studio808
on November 20, 2015Update- it does seem to work in my gallery slideshow although it doesn't show the entire caption but now does provide a scroll bar in the caption so the viewer can scroll down to see the rest pf the caption. That is certainly better than having the caption cut off. Thanks!
studio808
on November 20, 2015Embeddable slideshow- so the slideshow button that would show up in a Gallery someone is viewing - is that an embeddable slideshow? I have some long captions that get cut off when choosing the "Slideshow" option in a Gallery. So would your CSS work for my situation? (Sorry- I'm just a bit confused of embeddable)
schlacter
on September 27, 2015Thanks for all the customizations.
Is there a reason your spared. The height and value into its own {} s?
Would I simply add
color: blue !important;
To change font color?
Would transparancy: 0.8 make it a bit less transparent?
Not sure I'll get a notice if you respond here? If not,
Please let me know using gschlact@gmail.com
Thanks again.
PS- I found your code for Lightbox captions, is there a way to locate them at the bottom of Photo always showing like on Slideshow?