Tutorials Style Control

Style Control

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

The system allows you to quickly and effortlessly customise a preset to your liking, editing options to meet your requirements such as CSS Style.

Control the Preset Settings via the template manager here: Extensions → Template Manager → rt_kinetic_j15 → Presets

After adjusting the parameters and on selection of a preset style, the administrator automatically updates the settings to match that particular style.

Gantry Framework : Learn more

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

  • Style Presets: Preset 1 to Preset 8
  • Background Level: Low - Medium - High (slider)
  • Body Style: Low - Medium - High (slider)
  • CSS Style: Style1 to Style8 (dropdown)
  • Link Color: Hex Color (popup color wheel)
  • Showcase Color: Color 1-4, Transparent (dropdown)
  • Article Title Style: Color 1-8, Basic (dropdown)
  • Font Settings:
    • Font Family: Geneva, Optima, Helvetica, Trebuchet, Lucida, Georgia, Palatino (dropdown)
    • Font Size: Default, Extra Large, Large, Small, Extra Small (dropdown)

Other style option(s) worthy of note

  • Sidebar Class SFX: Insert the name of the suffix you wish for the Splitmenu sidebar to inherit Menu Section - (text field)
Note: Gantry 2.0 offers the ability to configure almost all of the available parameters, on a per menu item basis. For example, you can assign preset2 to one page and preset4 to another, all within the Gantry administrator.

Creating your own Preset Styles

Gantry 2.0 offers an interface for creating your own custom presets via the template administrator. With Gantry 2.0, you do not need to edit the presets (or add your own) in the gantry.config.php file - although, it is still possible if you wish to do so.

Simply go to Extensions → Template Manager → rt_kinetic_j15 → Settings, configure the options to fit your purposes, then click the Save Custom Presets as New button in the Presets tab. Follow the naming procedure on the popup then the custom preset will appear in Presets Showcase.

Quick and Simple!

The Kinetic template has a plethora of configuration options available, many more beyond these Style Controls, simply go to Extensions → Template Manager → rt_kinetc_j15 and hover over the options for tips with descriptions to appear.

Assigning a Style to a Specific Page

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_kinetic_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

Live Geeks Form

Correct Information is required for a reply. Thank you!

1000 characters left

CAPTCHA ImageReload Image


Mootools Powered CSS Dropdown Menu

A javascript enhanced menu, which is fully compatible with search engines unlike typical js menus.

Learn More

Basic support for the outdate web browser

IE6 is primarily limited by the forcing of LTR, the low detail level and Suckerfish if Fusion is active.

Learn More

Kinetic is compatible with RokGZipper

All Kinetic's javascript and CSS files are compatible with the RokGZipper performance enhancement tool.

Learn More

Find us on Facebook

Login Form



Geeks Online

We have 3 guests online
IP: 38.107.191.101

Professional Forms

joomla pro form component

SEO Component

Live Chat Support