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.
CSS
/*-----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.
Related articles
Comments (2)
Leave a Reply Cancel reply
This site uses Akismet to reduce spam. Learn how your comment data is processed.
Support me
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.
I want to show more lines of the captions. What code is needed for this?
This would require a different code. I would need to see how this would work and how this would behave on all screen sizes. When I test this – I will let you know.