Joomla Website Builder Gridbox 2.0 Released!

View More

Thumbnail and Caption

Joomla Gallery provides different overlay effects with a beautiful animations. Content in an image caption can be customized to fit your website design.

Image Width and Height.

Option Image Width and Height allows you to set the max. value for image cropping. Default value is 300px. If you plan to reduce number of columns to 3, we recommend to increase this option to 600px.

Image Width and Height - Balbooa Joomla Image Gallery

Image Quality.

Option Image Quality allows to reduce or increase thumbnails quality. By reducing the Image Quality you can improve gallery speed loading. We not recommend to set more than 80%, because it's can slowdown page speed loading. Find the best between quality and speed.

Image Quality - Balbooa Joomla Image Gallery

Options Width and Height and Image Quality directly affect on the Gallery speed loading.

If your content width is 1170px and you have gallery with 4 columns, no reason to set "Width and Height" more than 300px. You need to find the optimal value. If you have Gallery with 2 columns layout, we recommend to set thumbnails "Width and Height" no more than 600px. Simple mathematics!

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

Image Caption

Gallery allows you to display Image information on thumbnail - Image Caption. Image Caption include next fields:

  • Title;
  • Assigned Category;
  • Short Description.

How to Disable Image Caption.

1. Click on the button "Settings";
2. In the modal window click on the tab "Thumbnail";
3. Enable option "Disable Caption".

How to change Image Caption - Balbooa Joomla Image Gallery

How to change Image Caption appearance effect.

1. Click on the button "Settings";
2. In the modal window click on the tab "Thumbnail";
3.Click on the option "Caption Effect" and Select one of available effects from the list.

How to change Image Caption appearance effect - Balbooa Joomla Image Gallery

Balbooa Joomla Gallery include 12 Beautiful Caption Effects.

NOTE: Caption effect 12 "Caption below Thumbnails" is available only for Masonry Grid Layout.

Styling the Caption.

You can simple to change Image Caption style.

How to change style of Caption Overlay Background.

1. Open Gallery "Settings";
2. Select the "Thumbnails" >> "Caption" ;
3. Click on the option "Caption Bg"

How to change style of Caption Overlay Background - Balbooa Joomla Image Gallery

How to change style of Caption Typography.

1. Open Gallery "Settings";
2. Select the "Thumbnails" >> "Typography" ;
3. Use all available options to style Caption.

How to change style of Caption Typography - Balbooa Joomla Image Gallery