6 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 6. 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 Styles

Access the Style Control settings from Admin Dashboard → Radiance Settings → Style.

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

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

Color Chooser Settings

A Color Chooser theme uses CSS color values, combined with transparent overlay images, to determine its color and style. Therefore, you can change the entire color scheme via the Gantry Administrator. The available options are outlined below:

  • Top, Main, Accent, Content & Bottom: Background, Overlay (Light/Dark), Text & Link
Image

Background Picker

The Background Picker allows you to load a background image, either through RokGallery or the WordPress Media Library.

Image

  • Files Window: View all individual images from RokGallery
  • Galleries Window: View all galleries from RokGallery
  • Selection Window: Select the individual slice of a file
  • Media Library: Load an image from the Media Library
Image Image

Image Image

Other Style Settings

  • Load Transition: On – Off; Enable or disable the page loading transition animation effects
  • Fixed Header: On – Off; Enable or Disable a fixed floating header section.
  • Read More Style: Button and Link; Set the read more link styling for the theme
  • Web Fonts: On – Off, Google Font Directory; WebFonts allow you to use 3rd party WebFonts from providers such as Google. You must SHOW 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: radiance, 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 → Radiance 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

Creating your own Preset Style(s)

  • Go to Admin Dashboard → Radiance Settings
  • Configure the Settings
  • Click Save Custom Presets as New
  • Follow the Preset Saver procedure

You can edit the prebuilt presets in the gantry.config.php file, or use the User Interface method outlined above.



Image Image