Requiem: Recreating the Demo - Utility Section

Your Guide to Recreating Elements of the Requiem Demo for Joomla

details download demo support

Introduction

The Utility section includes three module positions, utility-a, utility-b, and utility-c.

Here is a breakdown of the module(s) and particle(s) that appear in this section:

Utility A (module position)
- Animated Block (particle)
Utility B (module position)
Utility C (module position)

Section Settings

Option	Setting
Layout	Fullwidth
CSS Classes	Blank
Tag Attributes	Blank

Utility A (module position)

Particle Settings

Demo Utility

Option	Setting
Key	`utility-a`
Chrome	gantry

Block Settings

Demo Utility

Option	Setting
CSS ID	Blank
CSS Classes	Blank
Variations	Blank
Tag Attributes	Blank
Block Size	`33.3333%`

Assigned Module(s)

Gantry 5 Particle (Animated Block)

We added a Animated Block particle to the utility-a position. This was done by creating a Gantry 5 Particle module and selecting the Animated Block particle in the module's settings.

You will find the particle settings used in this particle below:

Particle Settings

Demo Utility

Option	Setting
CSS Classes	Blank
Title	Blank
Grid Column	3 Columns
Button	View More Features
Blocks Item 1 Name	`Animated`
Blocks Item 1 Image	Custom
Blocks Item 1 Headline	`Anim<br />ated`
Blocks Item 1 Tag	`Effects`
Blocks Item 1 Description	`Rich CSS animations to enhance appeal<span class="hidden-tablet"> without detracting from content</span>`
Blocks Item 1 Read More	`Read More`
Blocks Item 1 Link	`#`

Utility B (module position)

Particle Settings

Demo Utility

Option	Setting
Key	`utility-b`
Chrome	gantry

Block Settings

Demo Utility

Option	Setting
CSS ID	Blank
CSS Classes	Blank
Variations	Blank
Tag Attributes	Blank
Block Size	`33.3333%`

Utility C (module position)

Particle Settings

Demo Utility

Option	Setting
Key	`utility-c`
Chrome	gantry

Block Settings

Demo Utility

Option	Setting
CSS ID	Blank
CSS Classes	Blank
Variations	Blank
Tag Attributes	Blank
Block Size	`33.3333%`

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