Your Guide to Recreating Elements of the Requiem Demo for Joomla
The Header section includes three module positions, header-a
, header-b
, header-c
. These module positions are created using the Layout Manager.
The background image found in our demo is set in the Style administrative panel. Just navigate to Gantry 5 Admin > Styles and scroll down to the Header section.
Here is a breakdown of the module(s) and particle(s) that appear in this section:
Option | Setting |
---|---|
Layout | Fullwidth |
CSS Classes | Blank |
Tag Attributes | Blank |
Option | Setting |
---|---|
Key | header-a |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Block Size | 33.3333% |
We added a Promo Content particle to the header-a
position. This was done by creating a Gantry 5 Particle module and selecting the Promo Content particle in the module's settings.
You will find the particle settings used in this particle below:
Option | Setting |
---|---|
CSS Classes | Blank |
Title | Blank |
Promo Style | Promo |
Promo Text | Requiem |
Description 1 | Exquisitely designed template for Gantry 5 framework. |
Description 2 | A rich, highly flexible and visually diverse template. |
Description Animation | Type Writer |
Animation Element ID | typewriter-1 |
Readmore Text | Learn More |
Readmore Link | # |
Button Text | button-3 |
Button Link | # |
Button Style | Block |
Tags | Blank |
Option | Setting |
---|---|
Key | header-b |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Block Size | 33.3333% |
Option | Setting |
---|---|
Key | header-c |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Block Size | 33.3333% |