Your Guide to Recreating Elements of the Requiem Demo for Joomla
The Footer sections include four module positions, footer-a
, footer-b
, footer-c
, and footer-d
. These module positions are created using the Layout Manager.
Here is a breakdown of the module(s) and particle(s) that appear in this section:
Option | Setting |
---|---|
Section Width | 100% |
Layout | Fullwidth |
CSS Classes | Blank |
Tag Attributes | Blank |
Option | Setting |
---|---|
Key | footer-a |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | g-title-bordered |
Variations | Blank |
Tag Attributes | Blank |
Block Size | 25% |
We added a Info List particle to the footer-a
position. This was done by creating a Gantry 5 Particle module and selecting the Info List particle in the module's settings.
You will find the particle settings used in this particle below:
Option | Setting |
---|---|
CSS Classes | g-gridmenu |
Title | Blank |
Intro | Blank |
Grid Column | 1 Column |
Info List Item 1 Name | About Requiem |
Info List Item 1 Image | Blank |
Info List Item 1 Image Location | Left |
Info List Item 1 Text Style | Compact |
Info List Item 1 Image Style | Compact |
Info List Item 1 Description | Blank |
Info List Item 1 Tag | Blank |
Info List Item 1 Sub Tag | Blank |
Info List Item 1 Label | Blank |
Info List Item 1 Link | http://www.rockettheme.com/joomla/templates/requiem |
Info List Item 1 Icon | Blank |
Info List Item 1 Read More Classes | Blank |
Option | Setting |
---|---|
Key | footer-b |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Block Size | 25% |
We added a Info List particle to the footer-b
position. This was done by creating a Gantry 5 Particle module and selecting the Info List particle in the module's settings.
You will find the particle settings used in this particle below:
Option | Setting |
---|---|
CSS Classes | g-gridmenu |
Title | Blank |
Intro | Blank |
Grid Column | 2 Columns |
Info List Item 1 Name | Facebook |
Info List Item 1 Image | Blank |
Info List Item 1 Image Location | Left |
Info List Item 1 Text Style | Compact |
Info List Item 1 Image Style | Compact |
Info List Item 1 Description | Blank |
Info List Item 1 Tag | Blank |
Info List Item 1 Sub Tag | Blank |
Info List Item 1 Label | Blank |
Info List Item 1 Link | # |
Info List Item 1 Icon | Blank |
Info List Item 1 Read More Classes | Blank |
Option | Setting |
---|---|
Key | footer-c |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | g-title-bordered |
Variations | Blank |
Tag Attributes | Blank |
Block Size | 25% |
We added a Custom HTML module to the footer-c
module position.
You will find the settings used in this module below:
Option | Setting |
---|---|
Title | About |
Show Title | Show |
Position | footer-c |
Status | Published |
Custom HTML
<p>All demo content is for sample purposes only, intended to represent a live site.</p>
<p class="hidden-tablet">Note: Requiem is built on the latest version of the Gantry 5 Framework.</p>
Option | Setting |
---|---|
Module Class Suffix | g-about |
Option | Setting |
---|---|
Key | footer-d |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | g-title-bordered |
Variations | Blank |
Tag Attribute | Blank |
Block Size | 25% |
We added a Contact particle to the footside-c
position. This was done by creating a Gantry 5 Particle module and selecting the Contact particle in the module's settings.
You will find the particle settings used in this particle below:
Option | Setting |
---|---|
CSS Classes | g-office-hours |
Title | Blank |
Contact Item 1 Name | Monday - Friday |
Contact Item 1 Icon | fa fa-sun-o fa-fw |
Contact Item 1 Value | 08:00 - 18:00 |
Map Position | Top |
Maps | Blank |