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

Access the Style Control settings from: Admin Dashboard → Ionosphere Theme → Style

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

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 Admin Dashboard → Ionosphere Settings
  • Create new Override
  • Choose a content item you wish to assign a different style to
  • Select your preset of choice from the Preset Styles dropdown
  • Configure the Settings area to your personal preferences
  • Save
Gantry Framework: Per Override Controls