Responsive Image Gallery Template

FooGallery Documentation

Responsive Image Gallery Template

The Responsive Image Gallery template keeps all of your thumbnails the same size. You can adjust the dimensions for the thumbnails. Once you open the gallery, the lightbox will adjust automatically to the size of the image and the size of the screen.

This is the default template for FooGallery. However, if you have changed your gallery defaults, you can select this template from the drop down templates menu above the Gallery Settings.

Below is a screenshot of the gallery preview for the Responsive Image Gallery.

Responsive Image gallerty layout

General Settings

The general settings for the Responsive Image Gallery allow you to adjust the size of your thumbnails. You also have the option of choosing a mobile layout. This will force the thumbnails into 1, 2 or 3 columns when viewed on mobile, if enabled.

You are also able to link the images to a lightbox, and select the lightbox you want to use. Additional settings let you change the spacing between the thumbnails and set the alignment of your thumbs.

Here’s a screenshot showing these settings

responsive gallery settings