Envira Gallery Documentation

Documentation, Reference Materials and Tutorials for Envira Gallery

Display Image Captions Below Thumbnails

Do you want to display image captions below the thumbnails in your gallery? Envira makes it easy. Follow this guide to show captions below your gallery images.


Configure

First, edit your gallery and click on the Config tab to enable the Caption to show under each image:

Click the checkbox next to the Caption and click Update to save the changes to the gallery.


A: In order to automatically enable captions for all galleries, add the following to your theme’s functions.php:

add_filter('envira_gallery_themes_override_showing_caption', 'example_envira_gallery_themes_override_showing_caption', 10, 6 );
function example_envira_gallery_themes_override_showing_caption( $show_yes_or_no, $caption, $id, $item, $data, $i ) {
     return true;
}

A: Please make sure you have selected a column layout from the Number of Gallery Columns in the dropdown. When the Automatic gallery is selected, the option to show the Title or Caption checkbox will not appear.
gallery config tab - number of gallery columns


A: Absolutely! Using some CSS we can change how the caption appears. Let’s add some styling to those captions┬áto really make them pop. I’m going to add the following to my individual gallery’s Custom CSS field (using the CSS Addon):

#envira-gallery-wrap-190 span.envira-caption {
    line-height: 1.2em !important;
    padding: 5px 0;
    color: #6b6b6b;
}

Now you can see the caption is more visually pleasing and provides some space between thumbnail images.

[i]
[i]
[i]
[i]