Style Control

Style Control

Preview all available styles and any associated combination at the Preset Styles page.

Access Style Control

Access the Style Control settings from Admin → Extensions → Template Manager → rt_hybrid_j15 → Settings.

Image

Configuration

Static CSS is a parameter that places all inline CSS into CSS files for increased performance

The options are as follows, and the areas that they control are indicative in their name:

  • Style Presets: Preset 1 to Preset 10
  • Static CSS: On - Off
  • Background Level: High, Medium or Low
  • Body Level: High or Low
  • Header Style: Style 1 to Style 10
  • Body Style: Style 1 to Style 5
  • Accent Style: Style 1 to Style 10
  • Footer Style: Style 1 to Style 10
  • Read More Style: Button or Link
  • Article Style: Input Box
  • Web Fonts: On - Off; Google Font Directory
  • Font Settings:
    • Font Family: Hybrid, Geneva, Optima, Helvetica, Trebuchet, Lucida, Georgia, Palatino, or Various Google Fonts (dropdown)
    • Font Size: Default, Extra Large, Large, Small, Extra Small (dropdown)
Note: Gantry allows you to configure all parameters, on a per menu item basis. For example, you can assign preset2 to one page and preset4 to another.

Creating your own Preset Styles

  • Go to Extensions → Template Manager → rt_hybrid_j15 → Settings
  • Configure the Settings
  • Click Save Custom Presets as New
  • Follow the Preset Saver procedure
You can edit the prebuilt presets in the gantry.config.php file.

Image Image

Assigning a Style to a Specific Page

Image

With Gantry, the ability to assign a certain style to an individual page has never been easier and/or more efficient. Just follow these simple steps:

  • Go to Extensions → Template Manager → rt_hybrid_j15
  • Select the Menu Items tab - located in the right column of the page in the orange box
  • Choose a menu item you wish to assign a different style to
  • Select your preset of choice from the Presets → Style Presets parameter area
  • Configure the Settings area to your personal preferences
  • Save

Gantry Framework: Per Menu Item Configuration

Requirements

The following are required for the template to operate fully:

  • Joomla 1.5.x (latest version)
  • Gantry v3.0.12 or higher
  • PHP 5.2 or higher
  • RokNavMenu Module

Video: Gantry

Image

CSS3 Features

Hybrid is a CSS 3 template with graceful degradation. Firefox 3.6+, Safari 5+, Opera 10+, Chrome 3+ and experimentally with IE9, support CSS3.

  • Box Shadows: shadows for blocks
  • Text Shadows: shadows for text items
  • Border Radius: rounded corners for blocks
  • Color Crossfading: color transition on hover

Who's Online

Tenemos 29 invitados conectado(s)

Site Poll

Joomla! is used for?

PNG Sources

Accompanied with the template are the Adobe® Fireworks PNG Image Sources that we use to build the template, allowing for swift and simple modification.

Read More

Demo Installer

A customized Joomla install. It combines default Joomla with the template, extensions, sample images and demo content.

Read More

RTL Support

RTL Support for both template and Gantry elements. That includes automatic inversion of the Gantry grid positions, and RTL elements for the menu etc...

Read More

Help and Guides

A series of tutorials and guides to help with basics of the template, such as the installation process. Referrals to more documentation is also present.

Read More

Demo Information

All demo content is for demonstrative purposes only, intended to show a representative example of a live site. All images and materials are the copyright of their respective owners. Additionally, this demo, in a modified form, is available for download in the RocketLauncher format.

Close