The downloaded package for the module is a .zip archive that needs to be unzipped before use. After it has been unzipped, inside the downloaded package you will find:
- the module's .zip archive - must be installed using EXTENSIONS/MANAGE/INSTALL
- the ReadMe.txt file - has useful information about the product
Once installed, find the module in EXTENSIONS/MODULES and open it:

MODULE SETTINGS - this tab controls the general settings, the ones that apply to all elements of the module.
MODULE CONTENT - this tab controls the individual settings for each element of the module such as images, text or icons for each one of the images.
Module Settings
1. Module Layout

- LOAD JOOMLA! JQUERY - This setting loads Joomla!'s jQuery library. Choose NO if your website loads jQuery from an external source.
- MODULE GRID - Choose the grid for the images.
- MODULE LAYOUT - Choose the layout for the images.
- NUMBER OF COLUMNS - Choose the number of images on each row.
- LAYOUT EFFECT - Choose a CSS3 effect for the layout on page scroll and load. Note that the CSS3 features are not supported by older browsers.
2. Image Options

- OVERLAY STYLE - Choose the color for the overlay style.
- IMAGE MAX HEIGHT - Insert value for the for image max-height using pixels (for example: 14px, not 14).
- IMAGE BORDER RADIUS - Choose the border-radius for the images in the gallery using pixels or em (for example: 14px, not 14). Note that this option does not work in IE7-8 due to lack of border-radius support.
3. Image Title Options

- IMAGE TITLE GOOGLE FONT - Insert the name of the Google Font for the name for the image title, for example Open Sans or Roboto. A blank field reverts the setting to the default value.
- IMAGE TITLE FONT WEIGHT - Set the font weight for the image title.
- IMAGE TITLE FONT STYLE - Set the font style for the image title.
- IMAGE TITLE FONT SIZE - Insert the font size for the image title using pixels, percent or em (for example: 14px, 120% or 1.2em, not 14). A blank field reverts the setting to the default value.
- IMAGE TITLE LINE HEIGHT - Insert the line height for the image title using pixels or em (for example: 14px or 1.2em, not 14). The line-height property is used to modify the spacing between the lines of text. A blank field reverts the setting to the default value.
4. Image Author Options

- IMAGE AUTHOR GOOGLE FONT - Insert the name of the Google Font for the image author, for example Open Sans or Roboto. A blank field reverts the setting to the default value.
- IMAGE AUTHOR FONT WEIGHT - Set the font weight for the author text.
- IMAGE AUTHOR FONT STYLE - Set the font style for the author text.
- IMAGE AUTHOR TEXT FONT SIZE - Insert the font size for the author text using pixels, percent or em (for example: 14px, 120% or 1.2em, not 14). A blank field reverts the setting to the default value.
- IMAGE AUTHOR TEXT LINE HEIGHT - Insert the line height for the author text using pixels or em (for example: 14px or 1.2em, not 14). The line-height property is used to modify the spacing between the lines of text. A blank field reverts the setting to the default value.
5. Image Icon Options

- IMAGE ICON BACKGROUND COLOR - Choose the color for the background of the zoom icon. A blank field reverts the setting to the default value.
Module Content
1. Image Options

- SHOW IMAGE - Choose if this image and its description should be displayed or not.
- IMAGE UPLOAD - Upload the image for the module. A blank field reverts the setting to the default value.
- IMAGE ALT TEXT - Insert the text for the image Alt. A blank field reverts the setting to the default value.
- IMAGE EFFECT - Choose a CSS3 effect for the image. Note that the CSS3 features are not supported by older browsers.
2. Image Title Options

- IMAGE TITLE TEXT - Insert the text for the image title. A blank field reverts the setting to the default value.
- IMAGE TITLE TEXT COLOR - Choose the color for the image title. A blank field reverts the setting to the default value.
- IMAGE TITLE SHOW LINK - Choose if the link for the image title should be displayed or not.
- IMAGE TITLE LINK - Insert the URL for the image title. Note that the link must include http:// or https://. A blank field reverts the setting to the default value.
- IMAGE TITLE LINK TARGET - Choose the link target of the URL for the image title.
3. Image Author Options

- IMAGE AUTHOR TEXT - Insert the text for the author information. A blank field reverts the setting to the default value.
- IMAGE AUTHOR TEXT COLOR - Choose the color for the author text. A blank field reverts the setting to the default value.
- IMAGE AUTHOR SHOW LINK - Choose if the link for the author of this image should be displayed or not.
- IMAGE AUTHOR LINK - Insert the URL for the image author. Note that the link must include http:// or https://. A blank field reverts the setting to the default value.
- IMAGE AUTHOR LINK TARGET - Choose the target of the URL used for the title link.
The module features using CSS3 have limited support for older browsers, so please check the demo first.
Being a responsive module, this Joomla! module has no fixed width. The maximum width of the module is the width of the module position containing the module and/or the width of the device used (desktop, tablet or mobile). To test the responsive behaviour of the module columns, simply adjust the width of the browser window to different sizes.