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 theme settings page here: Admin Dashboard → Crystalline Settings

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

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)
Note: Gantry offers the ability to configure almost all of the available parameters, on a per item basis. For example, you can assign preset2 to one page and preset4 to a category, all within the Gantry administrator.

Creating your own Preset Styles

Gantry offers an interface for creating your own custom presets via the theme settings. With Gantry, 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 Admin Dashboard → Crystalline 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 theme has a plethora of configuration options available, many more beyond these Style Controls, simply go to Admin Dashboard → Crystalline Settings and hover over the option label for tips with descriptions to appear in the help area.

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 Admin Dashboard → Crystalline Settings
  • Create new override
  • In the Assignements tab assign it to your chosen item
  • Select your preset of choice from the Preset Styles tab in the top right corner
  • Go to the Style tab and check the checkbox next to each option you want to override
  • Save