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

FavTeam Joomla module documentation main screen

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

Module Settings

1. Module Layout

FavTeam Joomla module documentation settings main screen

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

FavTeam Joomla module documentation settings image screen

  1. IMAGE STYLE - Choose the image style for the profile photos.
  2. IMAGE MAX HEIGHT - Insert the maximum height for the image using pixels or percent (for example: 140px or 80%, not 140). A blank field reverts the setting to the default value.
  3. IMAGE BORDER RADIUS - Insert the border-radius for the profile photos using pixels or percent (for example: 140px or 80%, not 140). Note that the CSS3 features are not supported by older browsers. A blank field reverts the setting to the default value.

Image Overlay Icons

  1. SHOW SOCIAL MEDIA ICONS - Choose if the social media icons for the profile should be displayed or not.
  2. SOCIAL ICONS OVERLAY STYLE - Choose the color for the overlay style for the social media icons for the profile.
  3. SOCIAL ICONS COLOR - Choose the color for the social media icons. A blank field reverts the setting to the default value.
    A useful resource for the colors of the icons is Brand Colors, so copy and paste the color code provided by this resource inside the icon color and icon background color fields.
  4. SOCIAL ICONS FONT SIZE - Insert the font size for the social media icons 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. SOCIAL ICONS BORDER RADIUS - Insert the border-radius for the social media icons using pixels or percent (for example: 140px or 80%, not 140). Note that the CSS3 features are not supported by older browsers. A blank field reverts the setting to the default value.

3. Name Options

FavTeam Joomla module documentation settings name screen

  1. NAME COLOR - Choose the color for the name of the profile. A blank field reverts the setting to the default value.
  2. NAME GOOGLE FONT - Insert the name of the Google Font for the name of the profile, for example Open Sans or Roboto. A blank field reverts the setting to the default value.
  3. NAME FONT WEIGHT - Set the font weight for the name of the profile.
  4. NAME FONT STYLE - Set the font style for the name of the profile.
  5. NAME FONT SIZE - Insert the font size for the name of the profile using pixels, percent or em (for example: 14px, 120% or 1.2em, not 14). A blank field reverts the setting to the default value.
  6. NAME TEXT ALIGN - Choose the text align for the name of the profile.
  7. NAME LINE HEIGHT - Insert the line height for the name of the profile 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.
  8. NAME MARGIN - Insert the margin for the name of the profile using pixels or percent (for example: 14px or 10%, not 14). The margin is a CSS property that sets the space around the content, including the padding. The margin can have from 1 to 4 values (top, right, bottom and left). A blank field reverts the setting to the default value.
  9. NAME TEXT TRANSFORM - Choose the text transform for the name of the profile.

4. Position Options

FavTeam Joomla module documentation settings position screen

  1. SHOW POSITION TEXT - Insert the text for the position section. A blank field reverts the setting to the default value.
  2. POSITION TEXT COLOR - Choose the color for the position text. A blank field reverts the setting to the default value.
  3. POSITION TEXT GOOGLE FONT - Insert the name of the Google Font for the position text, for example Open Sans or Roboto. A blank field reverts the setting to the default value.
  4. POSITION FONT WEIGHT - Set the font weight for the position text.
  5. POSITION FONT STYLE - Set the font style for the position text.
  6. POSITION TEXT FONT SIZE - Insert the font size for the position 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.
  7. POSITION TEXT ALIGN - Choose the text align for the position text.
  8. POSITION TEXT LINE HEIGHT - Insert the line height for the position 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.
  9. POSITION TEXT MARGIN - Insert the margin for the position section using pixels or percent (for example: 14px or 10%, not 14). The margin is a CSS property that sets the space around the content, including the padding. The margin can have from 1 to 4 values (top, right, bottom and left). A blank field reverts the setting to the default value.

5. About Options

FavTeam Joomla module documentation settings about screen

  1. SHOW ABOUT TEXT - Choose if the about section for this module should be displayed or not.
  2. ABOUT TEXT COLOR - Choose the color for the about text. A blank field reverts the setting to the default value.
  3. ABOUT TEXT GOOGLE FONT - Insert the name of the Google Font for the about text, for example Open Sans or Roboto. A blank field reverts the setting to the default value.
  4. ABOUT FONT WEIGHT - Set the font weight for the about text.
  5. ABOUT FONT STYLE - Set the font style for the about text.
  6. ABOUT TEXT FONT SIZE - Insert the font size for the about 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.
  7. ABOUT TEXT ALIGN - Choose the text align for the about text.
  8. ABOUT TEXT LINE HEIGHT - Insert the line height for the about 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.
  9. ABOUT TEXT MARGIN - Insert the margin for the about text using pixels or percent (for example: 14px or 10%, not 14). The margin is a CSS property that sets the space around the content, including the padding. The margin can have from 1 to 4 values (top, right, bottom and left). A blank field reverts the setting to the default value.

6. Contact Options

FavTeam Joomla module documentation settings contact screen

  1. CONTACT TEXT COLOR - Choose the color for the contact text. A blank field reverts the setting to the default value.
  2. CONTACT ICONS COLOR - Choose the color for the contact icons. A blank field reverts the setting to the default value.
  3. CONTACT TEXT FONT SIZE - Insert the font size for the contact 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.
  4. CONTACT TEXT ALIGN - Choose the text align for the contact text.
  5. CONTACT TEXT LINE HEIGHT - Insert the line height for the contact 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.
  6. CONTACT TEXT MARGIN - Insert the margin for the contact text using pixels or percent (for example: 14px or 10%, not 14). The margin is a CSS property that sets the space around the content, including the padding. The margin can have from 1 to 4 values (top, right, bottom and left). A blank field reverts the setting to the default value.

Module Content

1. Profile Options

FavTeam Joomla module documentation content main screen

  1. PROFILE SHOW - Choose if this profile should be displayed or not.

2. Image Options

FavTeam Joomla module documentation content image screen

  1. IMAGE UPLOAD - Upload the photo for this profile.
  2. IMAGE ALT TEXT - Insert the text for the image Alt. A blank field reverts the setting to the default value.

3. Name Options

FavTeam Joomla module documentation content name screen

  1. NAME TEXT - Insert the text for the name of the profile. A blank field reverts the setting to the default value.
  2. NAME SHOW LINK - Choose if the name of the profile link should be displayed or not.
  3. NAME LINK - Insert the URL for the name of the profile. Note that the link must include http:// or https://. A blank field reverts the setting to the default value.
  4. NAME LINK TARGET - Choose the link target of the URL for the name of the profile.

4. Position Options

FavTeam Joomla module documentation content position screen

  1. POSITION TEXT - Insert the text for the position section of the module. A blank field reverts the setting to the default value.

5. About Options

FavTeam Joomla module documentation content about screen

  1. ABOUT TEXT - Insert the text for the about section of the module. A blank field reverts the setting to the default value.

6. Image Overlay Options

FavTeam Joomla module documentation content image overlay screen

Each profile has support for up to 4 icons for the social media accounts or email on image overlay. Each of these icons has the following options:

  1. SHOW ICON - Choose if this social media icon should be displayed or not.
  2. ICON - Insert the Font Awesome icon name for the social links. For example: fa-twitter or fa-dribbble. A blank field reverts the setting to the default value.
  3. ICON LINK - Insert the URL for the name of the icon. Note that the link must include http:// or https://.

    For this option, if the email link is required, it needs the mailto: prefix before the email address, for example mailto:This email address is being protected from spambots. You need JavaScript enabled to view it..
  4. ICON BACKGROUND COLOR - Choose the color for the background of the icon. A blank field reverts the setting to the default value.

    For this option, choose either the same background color for all icons or choose the brand color for each icon. A useful resource for brand colors is Brand Colors, so copy and paste the color code provided by this resource inside the ICON BACKGROUND COLOR field option.

7. Contact Options

FavTeam Joomla module documentation content contact screen

Each profile has support for contact information such as location, phone and Skype/Google Talk ID.

  1. SHOW LOCATION - Choose if the contact location for this profile should be displayed or not.
  2. LOCATION TEXT - Insert the text for the location. A blank field reverts the setting to the default value.
  3. SHOW PHONE - Choose if the contact phone for this profile should be displayed or not.
  4. PHONE TEXT - Insert the text for the phone. A blank field reverts the setting to the default value.
  5. SHOW SKYPE ID - Choose if the contact Skype or Google Talk ID for this profile should be displayed or not.
  6. SKYPE ID - Insert the text ID for the Skype or Google Talk account. A blank field reverts the setting to the default value.

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.

The Joomla! name is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries. FavThemes is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.