Iridescent

Your Guide to Using the Iridescent Theme for WordPress

details download demo support

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 5.x
Gantry Framework

NOTE: Gantry v4.1.15 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.