Display Full Photo Captions in Gallery Module

By default, if you display captions in the Gallery module, the caption is cut off at the first line. This happens whether the caption is set to On hover or Below photo. and both Collage and Thumbnail displays.

Screenshot of a photo with a cutoff caption.

You can use the following CSS snippet to wrap a full caption at the bottom of your gallery photo. Se the Related Articles for where to put the CSS.

.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:

Screen shot of a photo with the caption wrapped belwow the image to show the full caption.

 

Last updated on Dec 12, 2016

Posted in BizTek Page Builder, CSS Snippets, How-to's and Troubleshooting