FAVTHEMES

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:

1. the module's .zip archive - must be installed using EXTENSIONS/MANAGE/INSTALL
2. 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

1. LOAD JOOMLA! JQUERY - This setting loads Joomla!'s jQuery library. Choose NO if your website loads jQuery from an external source.
2. MODULE GRID - Choose the grid for the images.
3. MODULE LAYOUT - Choose the layout for the images.
4. NUMBER OF COLUMNS - Choose the number of images on each row.
5. 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

1. OVERLAY STYLE - Choose the color for the overlay style.
2. IMAGE MAX HEIGHT - Insert value for the for image max-height using pixels (for example: 14px, not 14).
3. 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

1. 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.
2. IMAGE TITLE FONT WEIGHT - Set the font weight for the image title.
3. IMAGE TITLE FONT STYLE - Set the font style for the image title.
4. 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.
5. 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

1. 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.
2. IMAGE AUTHOR FONT WEIGHT - Set the font weight for the author text.
3. IMAGE AUTHOR FONT STYLE - Set the font style for the author text.
4. 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.
5. 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

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

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

2. Image Title Options

1. IMAGE TITLE TEXT - Insert the text for the image title. A blank field reverts the setting to the default value.
2. IMAGE TITLE TEXT COLOR - Choose the color for the image title. A blank field reverts the setting to the default value.
3. IMAGE TITLE SHOW LINK - Choose if the link for the image title should be displayed or not.
4. 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.
5. IMAGE TITLE LINK TARGET - Choose the link target of the URL for the image title.

3. Image Author Options

1. IMAGE AUTHOR TEXT - Insert the text for the author information. A blank field reverts the setting to the default value.
2. IMAGE AUTHOR TEXT COLOR - Choose the color for the author text. A blank field reverts the setting to the default value.
3. IMAGE AUTHOR SHOW LINK - Choose if the link for the author of this image should be displayed or not.
4. 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.
5. 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.