The responsive image gallery is the default gallery layout for FooGallery. It comes in a dark and light theme and you can customize the hover effects and captions.
This is a basic but versatile gallery layout. The thumbnails for the gallery are all a standard size, the dimensions for which you can set in the general settings. You can add a border, outline, or shadow to your thumbnails for a bit of variety.
Below you can see two responsive image galleries, one with the dark theme and one with the light theme.
Dark Theme
Barbed Wire Fence
Deserunt nobis orci commodi diam fuga hac natoque. Minim curabitur tenetur sint praesent posuere aliquid, earum minima proin earum cum dicta voluptatum at, assumenda iusto exercitationem ullam unde.
Car In A Field
Penatibus ullamcorper fermentum dapibus quisquam tristique dictum ab luctus tincidunt.
Truck Buried In Bush
Natoque adipiscing cupidatat duis repudiandae maiores ex natoque nam ipsa.
Sunrise Buildings
Repellendus parturient erat aliquet eligendi. Eligendi eaque volutpat omnis eos repudiandae aliquip sociosqu hendrerit, minima, taciti, ornare porro! Minim magnam.
Schoolyard Gas Cylinder
Etiam aliquip doloremque iste primis provident!
Rusty Truck Wreck
Pretium, accusantium pariatur similique rem pretium! Facere nonummy consequatur, tempus dignissimos nascetur urna bibendum.
Jetty On A Lake
Diam potenti cupiditate nesciunt tincidunt, accusantium hac, rem odit nonummy ac leo duis sequi, dolorem delectus fuga! Convallis dolores lobortis.
Wall Of Graffiti
Habitasse molestias. Corporis aenean laboris ad, molestiae! Aspernatur!
Pede congue ullamcorper! Placeat nonummy! Nisl error itaque erat lorem lobortis modi laborum aliquip?
Colourful Factory Skyline
Aperiam? Massa congue, convallis faucibus est, scelerisque nobis ultricies, magna. Volutpat!
A City Skyline
Consequuntur neque aut! Distinctio porro iusto, aspernatur aliquet, hac praesent? Aute elit, elementum debitis natus.
Light Theme
Barbed Wire Fence
Deserunt nobis orci commodi diam fuga hac natoque. Minim curabitur tenetur sint praesent posuere aliquid, earum minima proin earum cum dicta voluptatum at, assumenda iusto exercitationem ullam unde.
Car In A Field
Penatibus ullamcorper fermentum dapibus quisquam tristique dictum ab luctus tincidunt.
Truck Buried In Bush
Natoque adipiscing cupidatat duis repudiandae maiores ex natoque nam ipsa.
Sunrise Buildings
Repellendus parturient erat aliquet eligendi. Eligendi eaque volutpat omnis eos repudiandae aliquip sociosqu hendrerit, minima, taciti, ornare porro! Minim magnam.
Schoolyard Gas Cylinder
Etiam aliquip doloremque iste primis provident!
Rusty Truck Wreck
Pretium, accusantium pariatur similique rem pretium! Facere nonummy consequatur, tempus dignissimos nascetur urna bibendum.
Jetty On A Lake
Diam potenti cupiditate nesciunt tincidunt, accusantium hac, rem odit nonummy ac leo duis sequi, dolorem delectus fuga! Convallis dolores lobortis.
Wall Of Graffiti
Habitasse molestias. Corporis aenean laboris ad, molestiae! Aspernatur!
Pede congue ullamcorper! Placeat nonummy! Nisl error itaque erat lorem lobortis modi laborum aliquip?
Colourful Factory Skyline
Aperiam? Massa congue, convallis faucibus est, scelerisque nobis ultricies, magna. Volutpat!
A City Skyline
Consequuntur neque aut! Distinctio porro iusto, aspernatur aliquet, hac praesent? Aute elit, elementum debitis natus.
Customize Your Responsive Image Gallery
There are so many ways to customize your responsive image gallery to make it look perfect for your brand or company. You can change almost every aspect including:
As you can see, the responsive image gallery is a standard gallery layout. But it can be tweaked to make a big impact on your users.
Did you know? Once you’ve found the settings you like, you can set these to be your gallery settings for all future galleries. In other words, any time you create a gallery, these settings will automatically be applied as the default gallery settings. This means you won’t need to change the settings for each new gallery, as it will simply inherit the default settings you have selected. For more info on how to do this, read this article.