Skip to main content

Display full captions under photos

By default, if you display captions in the Photo or Gallery module, the caption is cut off at the first line with an ellipsis mark. This happens whether the caption is set to On hover or Below photo.

If you display the caption below the photo, you can use the following CSS snippet to display the full caption. See this article about where to add custom CSS code.

.fl-photo-caption.fl-photo-caption-below {
text-overflow: initial;
white-space: normal;

Now you'll get the full caption, and it will wrap as the screen is sized down: