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 → Modulus Settings → Style.

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 Theme Settings. The available options are outlined below:

  • Top Section: Background, Link & Overlay (Light/Dark)
  • Showcase Section: Background, Link & Overlay (Light/Dark)
  • Body Section: Background, Link & Overlay (Light/Dark)
  • Footer Section: Background, Link & Overlay (Light/Dark)

There is no text color setting as this is determined automatically through the process of auto-contrasting, so the best color is automatically chosen.

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.
  • Font Settings: Select a font family from the available options and also choose a default font size
    • Font Family: Modulus, Geneva, Optima, Helvetica, Trebuchet, Lucida, Georgia, Palatino, or Various Google Fonts (dropdown)
    • Font Size: Default, Extra Large, Large, Small, Extra Small (dropdown)

Leave a Reply

You must be logged in to post a comment.

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 → Modulus 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

Gantry Features

  • 960 Grid System
  • Image Smart Loading
  • Ajax Article Loading
  • IE6 Warning Message
  • Source Ordered Mainbody
  • Extensive User Interface
  • Per-override Configuration
  • Per Browser CSS / JS control
  • Built-in GZip/Normal Caching
  • Google Web Fonts
  • iPhone Mobile Theme
  • Tableless Overrides

Valid Code

W3C Valid for both the XHTML 1.0 Transitional and CSS3 modern web standards.

Login Form