0
Welcome Guest! Login
0 items Join Now

Iridescent

Your Guide to Using the Iridescent Theme for WordPress


Introduction

Iridescent

Iridescent is a vibrant design with various integrated elements to provide a seamless and versatile environment. A full page RokSprocket slideshow provides a rich interface to impress, aggregated by other layout options, to expand beyond its core base.

Requirements

  • Apache 2.x or Microsoft IIS 7
  • PHP 5.4+
  • MySQL 5.0.4 or higher
  • WordPress 3.2+, 4.0+
  • Gantry Framework

NOTE: Gantry v4.1.2+ is required for Iridescent to work correctly. For more details on the Gantry Framework, please visit its Dedicated Website.

Key Features

  • Responsive Layout
  • 6 Preset Styles
  • Content Animations
  • 100 Widget Positions
  • 1200 Fixed Option
  • 8 Styled Widget Variations
  • Structural Widget Variations
  • 960 Fixed Option
  • Dropdown-Menu and Split-Menu
  • Custom Typography
  • Custom Logo Option
  • Mobile Menu
  • Social Buttons Option
  • Chart.js
  • Coming Soon Page

Responsive Layout

A responsive layout adapts automatically to the viewing device's width, such as mobile, tablet or desktop, without the need for a separate layout or content. Mobile modes have a unique menu to aid usability. 960px and 1200px fixed layout options are also available.

Label Description Layout Width Column Width
Smartphones Standard smartphones 480px and below 100% fluid
Smartphones to Tablets Larger smartphones and small tablets 767px and below 100% fluid
Tablets Larger tablets 768px and above 64px
Desktop Standard desktops and laptops 960px and above 80px
Large Display Large desktops and high-resolution laptops 1200px and above 100px

Animation

The animated elements that trigger as you scroll down the page are handled via classes applied to widgets. These classes are either included in the Custom Variations field or in-line in the content.

You can find a visual example as well as the class names of classes that are supported by Iridescent on the Animate.css project site.

The element that triggers this animation during scrolling is explained in greater detail in the WOW.js Documentation.


Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.