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 titles, text or icons for each one of the module tables.
Module Settings
1. General Options

- LOAD JOOMLA! JQUERY - This setting loads Joomla!'s jQuery library. Choose NO if your website loads jQuery from an external source.
- ENABLE GOOGLE FONTS - Choose if the module loads or not Google Fonts. If set to NO, all the module settings using Google Fonts will stop loading the fonts..
2. Module Layout

- 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.
- LAYOUT STYLE - Choose the layout style for the pricing table.
3. Icon Options

- SHOW ICON - Choose if the icon should be displayed or not.
- ICON FONT SIZE - Insert the font size for the icon using pixels, percent or em (for example: 14px, 120% or 1.2em, not 14). A blank field reverts the setting to the default value.
- ICON PADDING - Insert the padding for the icon using pixels, rem or percent (for example: 14px or 10%, not 14). The padding is a CSS property that sets the space around the content. The padding can have from 1 to 4 values (top, right, bottom and left). A blank field reverts the setting to the default value.
- ICON BORDER TYPE - Choose the border type for the icon.
- ICON BORDER WIDTH - Insert the border width for the icon using pixels (for example: 1px, not 1). A blank field reverts the setting to the default value.
- ICON BORDER RADIUS - Insert the border-radius for the icon when the icon layout is enabled 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.
4. Title Options

- SHOW TITLE - Choose if the title should be displayed or not.
- TITLE FONT SIZE - Insert the font size for the 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.
- TITLE GOOGLE FONT - Insert the name of the Google Font for the title, for example Open Sans or Roboto. A blank field reverts the setting to the default value.
- TITLE FONT WEIGHT - Set the font weight for the title.
- TITLE FONT STYLE - Set the font style for the title.
5. Description Options

- SHOW DESCRIPTION - Choose if the description should be displayed or not.
- DESCRIPTION TEXT FONT SIZE - Insert the font size for the product description 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.
- DESCRIPTION TEXT LINE HEIGHT - Insert the line height for the product description 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. Price Options

- SHOW PRICE - Choose if the price should be displayed or not.
- PRICE FONT SIZE - Insert the font size for the price using pixels, percent or em (for example: 14px, 120% or 1.2em, not 14). A blank field reverts the setting to the default value.
- PRICE GOOGLE FONT - Insert the name of the Google Font for the price, for example Open Sans or Roboto. A blank field reverts the setting to the default value.
- PRICE FONT WEIGHT - Set the font weight for the price.
- PRICE FONT STYLE - Set the font style for the price.
7. Button Options

- SHOW BUTTON - Choose if the button should be displayed or not.
- BUTTON FONT SIZE - Insert the font size for the button using pixels, percent or em (for example: 14px, 120% or 1.2em, not 14). A blank field reverts the setting to the default value.
- BUTTON TEXT TRANSFORM - Choose the text transform for the button.
- BUTTON TEXT ALIGN - Choose the text align for the button.
- BUTTON PADDING - Insert the padding for the button using pixels or percent (for example: 14px or 10%, not 14). The padding is a CSS property that sets the space around the content. The padding can have from 1 to 4 values (top, right, bottom and left). A blank field reverts the setting to the default value.
- BUTTON BORDER RADIUS - Insert the border-radius for the button 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.
- BUTTON GOOGLE FONT - Insert the name of the Google Font for the button, for example Open Sans or Roboto. A blank field reverts the setting to the default value.
- BUTTON FONT WEIGHT - Set the font weight for the button.
- BUTTON FONT STYLE - Set the font style for the button.
Module Content
1. Content Options

- SHOW CONTENT - Choose if the content for this module column should be displayed or not.
- CONTENT STYLE - Choose the content style for the pricing table.
- PRICING TABLE BACKGROUND COLOR - Choose the background color for the pricing table. A blank field reverts the setting to the default value.
- PRICING TABLE BORDER COLOR - Choose the border color for the pricing table. A blank field reverts the setting to the default value.
- PRICING TABLE BORDER RADIUS - Insert the border-radius for the pricing table 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.
2. Icon Options

- ICON NAME - Insert the Font Awesome icon name (for example: fas fa-magic or fab fa-joomla). A blank field reverts the setting to the default value.
- ICON COLOR - Choose the color for the icon. A blank field reverts the setting to the default value.
- ICON BACKGROUND COLOR - Choose the background color for the icon. A blank field reverts the setting to the default value.
- ICON BORDER COLOR - Choose the border color for the icon. A blank field reverts the setting to the default value.
- ICON LINK - Insert the URL for the icon. Note that the link must include http:// or https://. A blank field means that no link is assigned.
- ICON LINK TARGET - Choose the target for the icon's URL.
3. Title Options

- TITLE TEXT - Insert the text for the title. A blank field reverts the setting to the default value.
- TITLE COLOR - Choose the color for the title. A blank field reverts the setting to the default value.
- TITLE LINK - Insert the URL for the title. Note that the link must include http:// or https://. A blank field means that no link is assigned.
- TITLE LINK TARGET - Choose the target for the title's URL.
4. Description Options

- DESCRIPTION TEXT - Insert the text for the description using HTML tags, for example a HTML list or text followed by a line break tag. A blank field reverts the setting to the default value.
- DESCRIPTION TEXT COLOR - Choose the color for the product description text. A blank field reverts the setting to the default value.
5. Price Options

- PRICE TEXT - Insert the price value for this product. A blank field reverts the setting to the default value.
- PRICE TEXT COLOR - Choose the color for the price. A blank field reverts the setting to the default value.
6. Button Options

- BUTTON TEXT - Insert the text for the button. A blank field reverts the setting to the default value.
- BUTTON COLOR - Choose the color for the button. A blank field reverts the setting to the default value.
- BUTTON BACKGROUND COLOR - Choose the background color for the button. A blank field reverts the setting to the default value.
- BUTTON LINK - Insert the URL for the button. Note that the link must include http:// or https://. A blank field means that no link is assigned.
- BUTTON LINK TARGET - Choose the target for the button's URL.
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.