Articles

Style Control

Crystalline has a frontend Color Chooser feature, which is linked to the Gantry administrator options outlined below. For more details on how this operates, please view the Color Chooser page.

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

Control the Preset Settings via the template manager here: Extensions → Template Manager → rt_crystalline_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

Available Settings/Options

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

  • Main Background: Hex input field / Mootools color wheel
  • Main Shadow: Light, Dark, None
  • Main Overlay: Bark, Blocks, Burlap, Carbon, Circles, Cracked, Digital, Elegant 1-4, Gatorskin, Grunge 1-6, Isometric, Lines 1-5, Overlapping Targets, Paper, Perforation, Plusses 1-2, Spirals 1-2, Square Waves, Tape Worm, Triangle, Weave, Wood 1-4 & None - 39 Options
  • Main Text: Hex input field / Mootools color wheel
  • Main Link: Hex input field / Mootools color wheel

  • Header Background: Hex input field / Mootools color wheel
  • Header Shadow: Light, Dark, None
  • Header Overlay: Bark, Blocks, Burlap, Carbon, Circles, Cracked, Digital, Elegant 1-4, Gatorskin, Grunge 1-6, Isometric, Lines 1-5, Overlapping Targets, Paper, Perforation, Plusses 1-2, Spirals 1-2, Square Waves, Tape Worm, Triangle, Weave, Wood 1-4 & None - 39 Options
  • Header Graphic: Header 1-9, None
  • Header Text: Hex input field / Mootools color wheel
  • Header Link: Hex input field / Mootools color wheel

  • Feature Background: Hex input field / Mootools color wheel
  • Feature Shadow: Light, Dark, None
  • Feature Overlay: Bark, Blocks, Burlap, Carbon, Circles, Cracked, Digital, Elegant 1-4, Gatorskin, Grunge 1-6, Isometric, Lines 1-5, Overlapping Targets, Paper, Perforation, Plusses 1-2, Spirals 1-2, Square Waves, Tape Worm, Triangle, Weave, Wood 1-4 & None - 39 Options
  • Feature Text: Hex input field / Mootools color wheel
  • Feature Link: Hex input field / Mootools color wheel

  • Body Background: Hex input field / Mootools color wheel
  • Body Shadow: Light, Dark, None
  • Body Overlay: Bark, Blocks, Burlap, Carbon, Circles, Cracked, Digital, Elegant 1-4, Gatorskin, Grunge 1-6, Isometric, Lines 1-5, Overlapping Targets, Paper, Perforation, Plusses 1-2, Spirals 1-2, Square Waves, Tape Worm, Triangle, Weave, Wood 1-4 & None - 39 Options
  • Body Text: Hex input field / Mootools color wheel
  • Body Link: Hex input field / Mootools color wheel

  • Bottom Background: Hex input field / Mootools color wheel
  • Bottom Shadow: Light, Dark, None
  • Bottom Overlay: Bark, Blocks, Burlap, Carbon, Circles, Cracked, Digital, Elegant 1-4, Gatorskin, Grunge 1-6, Isometric, Lines 1-5, Overlapping Targets, Paper, Perforation, Plusses 1-2, Spirals 1-2, Square Waves, Tape Worm, Triangle, Weave, Wood 1-4 & None - 39 Options
  • Bottom Text: Hex input field / Mootools color wheel
  • Bottom Link: Hex input field / Mootools color wheel

  • 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_crystalline_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 Crystalline template has a plethora of configuration options available, many more beyond these Style Controls, simply go to Extensions → Template Manager → rt_crystalline_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_crystalline_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