12 Preset Styles - Preview Live

View all styles live by appending ?presets=preset# or &presets=preset# to the end of your URL such as http://yoursite.com/index.php?presets=preset4.

In sequential order, Preset 1 - Preset 12. Please click on the image to load a live example of each style variation.

Preset 1 Preset 2 Preset 3 Preset 4 Preset 5 Preset 6 Preset 7 Preset 8 Preset 9 Preset 10 Preset 11 Preset 12

Preset Styles

Integrated Extensions

Access the Style Control settings from: Admin → Extensions → Template Manager → (J1.5) rt_ionosphere_j15 or (J2.5) rt_ionosphere → Settings

Simple configure the options, then save and Gantry will automatically load the modified preset to your site.

Style Setting

  • Accent Colors: Set the Accent Colors with Color Chooser and the Overlay : Light - Dark to determine the body shade/style
  • Body Style: Set the Accent Colors with Color Chooser and the Overlay : Light - Dark to determine the body shade/style
  • BackGround Style: carbon, noise, paper, plaid, squares, textile, triangles, elegant, grunge, dustnscratches, fibers; Set which background pattern set you wish to load
  • Style Panel: Set the position of Style Panel; Default and recommended position is panel
  • Load Transition: On - Off; Enable or disable the page loading transition animation effects
  • Web Fonts: On - Off, Google Font Directory; WebFonts allow you to use 3rd party WebFonts from providers such as Google. You must SAVE then APPLY before the new fonts will show up in the Font Family dropdown.
  • Font Settings: Select a font family from the available options and also choose a default font size
    • Font Family: Ionosphere, Geneva, Optima, Helvetica, Trebuchet, Lucida, Georgia, Palatino, or Various Google Fonts (dropdown)
    • Font Size: Default, Extra Large, Large, Small, Extra Small (dropdown)

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:

  • (J1.5) Go to Extensions → Template Manager → rt_ionosphere_j15 → Menu Items → *Menu Item*
  • (J2.5) Go to Extensions → Template Manager → rt_ionosphere → Assignments → *Menu Item*

  • (J1.5) Select your preset from Presets → Style Presets, configure and save.
  • (J2.5) Select your preset from Show Presets, configure and save.
Gantry Framework: Per Menu Item Controls
Presets
BG Color
BG Patterns
Accent Color
Apply