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

  • Mel Jones Photography

    on February 1, 2014

    This is very useful for me as I'm a School Photographer! It was often hard to identify school names. Thanks for this tutorial.

  • K├╝lli Tedre Photography

    on October 19, 2013

    thank you so much for this! That was trully annoying that half of the headings were hidden. Life saver :)

Powered by SmugMug Owner Log In