Grid Layouts

Gallery allows you to display images in a different grid layouts with amazing overlay effects. Joomla Gallery comes with a 6 types of grid layouts. Create beautiful galleries with modern Grid Layouts

How to change Gallery Grid Layout.

To change Gallery grid Layout click on the button "Settings". In the tab "General" select option "Gallery Layout". From the dropdown menu select on of available Grid layouts.

Select Grid Layout - Balbooa Joomla! Image Gallery

Available Grid Layouts.

Gallery include 6 modern grid layouts:

Justified Layout - displaying images in the original proportions without cropping. Horizontal orientation.

Gallery Justified Layout - Balbooa Joomla Image Gallery

Masonry Layout - displaying images in the original proportions without cropping. Vertical orientation.

Gallery Masonry Layout - Balbooa Joomla Image Gallery

Metro Layout - cuts pictures on squares, big squares, portraits and landscapes thumbnails.

Gallery Metro Layout - Balbooa Joomla Image Gallery

Tile Layout - cuts pictures on squares and portraits thumbnails.

Gallery Tile Layout - Balbooa Joomla Image Gallery

Grid Layout - cuts pictures on squares.

Gallery Grid Layout - Balbooa Joomla Image Gallery

Square Layout - cuts pictures on squares and big squares thumbnails.

Gallery Square Layout - Balbooa Joomla Image Gallery

How to change the number of columns displayed?

To change the number of columns, click on the button "Settings". Click on tab "Thumbnail" >> "General" >> Change Number of columns.

Change the number of columns - Balbooa Joomla Image Gallery

Gallery allows you to set specific number of columns for specific devices.

Change the number of columns for mobile devices - Balbooa Joomla Image Gallery

How to change number of thumbnails per page.

To change the number of Thumbnails Per Page, click on the button "Settings". Click on tab "Pagination". Change value of option "Images Per Page".

How to change number of thumbnails per page - Balbooa Joomla Image Gallery

How to change spacing between thumbnails.

If you want to increase or decrease the spacing between thumbnails, click on the button "Settings". Click on tab "Thumbnail". Change value of option "Item Spacing, px".

How to change spacing between thumbnails - Balbooa Joomla Image Gallery