Wrap Titles on Thumbnails - Aaron Meyers

Wrap Long Titles To New Line

The following code applies to photos in the grid layout (for example from the "Folder" or "Gallery" content blocks set to display photos in the Grid Layout). If the title of the folder or gallery is too long, SmugMug will truncate the text so it fits on one line and add a "...". You may want the entire text to be displayed. The following code will automatically determine the proper height to increase the title field to, and display the full text:

/* Place Titles on Thumbnails in Folders.
   Will wrap the long gallery titles in the grid format. */
.sm-tiles-grid .sm-tile-info p {
  padding-left: 0!important;
  padding-right: 0!important;
  overflow: visible !important;
  white-space:normal !important;
  height: auto !important;
}
If you have set the position of the title to be "Under" you will need to change the padding-left from "0!important" to "24px !important" as follows:
/* Place Titles on Thumbnails in Folders.
   Will wrap the long gallery titles in the grid format. */
.sm-tiles-grid .sm-tile-info p {
  padding-left: 24px !important;
  padding-right: 0!important;
  overflow: visible !important;
  white-space:normal !important;
  height: auto !important;
}

Comments

Powered by SmugMug Log In