Color Chooser is a Gantry-Admin based control interface which, through simple controls, allows you to change all color and style elements of the template, such as text and background color.

Access the Color Chooser from Admin → Extensions → Template Manager → rt_zephyr_j15 → Settings

You can control 7 sections of the template, in 4 different aspects:

Configuration: Background Controls

• Static CSS: Places all inline CSS into CSS files for increased performance
• Body Level: High or Low to reduce the detailing of the template such as no overlays
• Background Image: Select an image to display in the page backgorund

MooRainbow & Transparent Mode

Click on the color icons to trigger the MooRainbow popup. Pick any color or transparent.

Theses settings are not directly affiliated with the Color Chooser portion, but affect the template styling nevertheless.

• Read More Style: Button or Link
• Article Style: Default, Title1-6
• Article Overlay: Light or Dark
• Article Info Style: Layout1-3
• Fixed Footer: On - Off
• Web Fonts: On - Off; Google Font Directory
• Font Settings:
  • Font Family: Enigmatic, Geneva, Optima, Helvetica, Trebuchet, Lucida, Georgia, Palatino, or Various Google Fonts (dropdown)
  • Font Size: Default, Extra Large, Large, Small, Extra Small (dropdown)

Learn more

Fusion Menu is a menu theme of the RokNavMenu extension, the addon that drives all RocketTheme template menus. It is primarily a javascript enhanced CSS dropdown menu, that combines standard suckerfish type functionality with animations, transitions and other advanced effects provided by Mootools.

All Menu Items can be edited from Admin → Menu → Menu Name → Menu Item.

Adding Subtext

Subtext Line is the option that allows you to insert additional text to the Menu Item Title. There is separate styling for this, making it useful for adding brief descriptions to menu items.

Adding Menu Icons

Menu Image is the option that allows you to insert an inline icon / image to the Menu Item.

Menu Columns

Columns of Child Items allows you to determine how many columns the Fusion dropdowns are presented in. You can have anywhere between a single dropdown to a four column dropdown.

Item Distribution

Item Distribution allows you to control how the menu items are ordered in the dropdowns:

• Evenly: If there are 7 menu items in 3 columns, Fusion will allocate a 3,2,2 distribution - trying to equalize each dropdown.
• Order: If there are 7 menu items in 3 columns, Fusion will allocate a 3,3,1 distribution - maintaining the item ordering.

Drop-Down Width (px)

Drop-Down Width (px) determines the total width of the dropdown, regardless of how many columns are shown. This option is to be used in conjunction with Column Widths (px)

Column Widths (px)

Column Widths (px) determines the width of each Column. Separate each width by a comma. The final column's width is determined automatically. This option is to be used in conjunction with Drop-Down Width (px)

Below are some example configurations:

• Drop-Down Width: 480px: 160,160. Fusion automatically calculates the final width as 160, so in practise, 160,160,160 is the actual distribution.
• Drop-Down Width: 600px: 160,160. Fusion automatically calculates the final width as 280, so in practise, 160,160,280 is the actual distribution.

What is Grouping?

Group Child Items changes the behaviour of child items in the dropdown menus, instead of creating a dropdown for the immediate sublevel, this option places them inline. See below for an illustrated example of the differences:

Configuration

Set Group Child Items to Yes to activate the mode. The sublevels well then appear below the parent menu item in a categorical type structure.

Below is a diagram of how the menu groupings in Joomla translate into the Fusion Menu:

Fusion is now capable of loading individual modules or entire module positions inside its dropdowns.

Loading Individual Modules

Set Child Item Type to Modules to load all modules setup on your Joomla site in a list. Select the module you wish to display in the dropdown.

Loading Module Positions

Set Child Item Type to Modules Positions to load all module positions on your Joomla site in a list. Select the position you wish to display in the dropdown.

Below is an example of multiple modules appearing in a dropdown:

Go to Extensions → Template Manager → rt_zephyr_j15 → Menu Set Menu Control to Type : Fusion-Menu, to load all the Fusion parameters.

Fusion Menu is a menu theme of the RokNavMenu extension, the addon that drives all RocketTheme template menus. It is primarily a javascript enhanced CSS dropdown menu, that combines standard suckerfish type functionality with animations, transitions and other advanced effects provided by Mootools.

All Menu Items can be edited from Admin → Menu → Menu Name → Menu Item.

Adding Subtext

Subtext Line is the option that allows you to insert additional text to the Menu Item Title. There is separate styling for this, making it useful for adding brief descriptions to menu items.

Adding Menu Icons

Menu Image is the option that allows you to insert an inline icon / image to the Menu Item.

Menu Columns

Columns of Child Items allows you to determine how many columns the Fusion dropdowns are presented in. You can have anywhere between a single dropdown to a four column dropdown.

Item Distribution

Item Distribution allows you to control how the menu items are ordered in the dropdowns:

• Evenly: If there are 7 menu items in 3 columns, Fusion will allocate a 3,2,2 distribution - trying to equalize each dropdown.
• Order: If there are 7 menu items in 3 columns, Fusion will allocate a 3,3,1 distribution - maintaining the item ordering.

Drop-Down Width (px)

Drop-Down Width (px) determines the total width of the dropdown, regardless of how many columns are shown. This option is to be used in conjunction with Column Widths (px)

Column Widths (px)

Column Widths (px) determines the width of each Column. Separate each width by a comma. The final column's width is determined automatically. This option is to be used in conjunction with Drop-Down Width (px)

Below are some example configurations:

• Drop-Down Width: 480px: 160,160. Fusion automatically calculates the final width as 160, so in practise, 160,160,160 is the actual distribution.
• Drop-Down Width: 600px: 160,160. Fusion automatically calculates the final width as 280, so in practise, 160,160,280 is the actual distribution.

What is Grouping?

Group Child Items changes the behaviour of child items in the dropdown menus, instead of creating a dropdown for the immediate sublevel, this option places them inline. See below for an illustrated example of the differences:

Configuration

Set Group Child Items to Yes to activate the mode. The sublevels well then appear below the parent menu item in a categorical type structure.

Below is a diagram of how the menu groupings in Joomla translate into the Fusion Menu:

Fusion is now capable of loading individual modules or entire module positions inside its dropdowns.

Loading Individual Modules

Set Child Item Type to Modules to load all modules setup on your Joomla site in a list. Select the module you wish to display in the dropdown.

Loading Module Positions

Set Child Item Type to Modules Positions to load all module positions on your Joomla site in a list. Select the position you wish to display in the dropdown.

Below is an example of multiple modules appearing in a dropdown:

Go to Extensions → Template Manager → rt_zephyr_j15 → Menu Set Menu Control to Type : Fusion-Menu, to load all the Fusion parameters.

gan·try (gan′trē) noun

1. (RocketTheme) A framework used for assembling, building and maintaining a RocketTheme template

Extensive Gantry Documentation

Gantry has a plethora of features, below is just a brief list:

• 960 Grid System
• Stunning Administrator interface
• XML driven and with overrides for unprecedented levels of customization
• Per-menu-item level control over any configuration parameter
• Preset any combination of configuration parameters, and save custom presets
• 65 base module positions. Easily add more!
• 36 possible layout combinations for mainbody and sidebars
• Up to 3 sidebars for a total of 4 column layouts
• Many built-in features such as font-sizer, to-top smooth slider, IE6 warning message, etc.
• Flexible grid layout system for unparalleled control over block sizes
• iPhone Native Version, a mobile specific version / theme
• Google Web Fonts, load custom fonts from Googles's Font Directory
• Smart Loading, only load the images that are in focus for optimized loading

More Features

For Zephyr, you should install the Zephyr Template (Bundle) package, rt_zephyr_j15-bundle.tar.gz, which includes both the template and Gantry. Use the standalone package if Gantry is already installed. However, in the event of Gantry needing to be installed, see the instructions below:

Installation Instructions

The Gantry administrator is a very extensive interface for controlling allow aspects of the Framework, and is split into several parts:

Gantry Administrator Documentation