Found what you have been looking for?

Search
Generic filters
Exact matches only
Filter by Categories
Customization
Domains
Lightroom Plugin
Tools and Tips

Show full Gallery Titles

SmugMug shows only one line of gallery titles and some of you would like to show more.  Using this code you can display 4 lines of text below their gallery thumbnails.

/*-----Show full gallery titles-----*/
.sm-tiles-grid.sm-tiles-info-after .sm-tile-info-text {
    display: -webkit-box;
    -webkit-line-clamp: 4 !important;
}

.sm-tiles-grid.sm-tiles-info-after .sm-tile-info p {
    overflow: visible !important;
}

Please be aware that the title needs to be set to be displayed BELOW the thumbnail.

You can increase the WEBKIT LINE CLAMP from 4 to even 8, to accommodate even longer titles.  But 4 usually is the sweet spot.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Support this PORTAL

I am writing this portal in my free time and I pay for it myself. So, if you want to support my work – use this button to buy me a coffee 🙂 Which will help towards the hosting costs of the portal.