Make Slideshow Captions Fill Height - Aaron Meyers

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;
}

Comments

Powered by SmugMug Log In