Introduction

The Extension section includes three module positions, extension-a
, extension-b
, and extension-c
.
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:
Section Settings

Option |
Setting |
Layout |
Fullwidth |
CSS Classes |
Blank |
Tag Attributes |
Blank |
Extension A (module position)
Particle Settings

Option |
Setting |
Key |
extension-a |
Chrome |
gantry |
Block Settings

Option |
Setting |
CSS ID |
Blank |
CSS Classes |
Blank |
Variations |
Blank |
Tag Attributes |
Blank |
Block Size |
33.3333% |
Assigned Module(s)
Gantry 5 Particle (Promo Content)
We added a Promo Content particle to the extension-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:
Particle Settings

Option |
Setting |
CSS Classes |
Blank |
Title |
Blank |
Promo Style |
Super Promo |
Promo Text |
The Framework |
Description 1 |
The Gantry 5 Framework is an ideal platform for users of all levels, whether beginners or web professionals. The administrative interface is both simple to use, intuitive and highly flexible, allowing for swift and extensive changes. |
Description 2 |
Blank |
Description Animation |
No Animation |
Animation Element ID |
typewriter-1 |
Readmore Text |
Blank |
Readmore Link |
Blank |
Button Text |
blank |
Button Classes |
Blank |
Button Link |
Blank |
Tag 1 Name |
Featured Story |
Tag 1 Icon |
fa fa-bullhorn fa-fw |
Tag 1 Text |
Featured Story |
Tag 1 Link |
# |
Extension B (module position)
Particle Settings

Option |
Setting |
Key |
extension-b |
Chrome |
gantry |
Block Settings

Option |
Setting |
CSS ID |
Blank |
CSS Classes |
Blank |
Variations |
Blank |
Tag Attributes |
Blank |
Block Size |
33.3333% |
Extension C (module position)
Particle Settings

Option |
Setting |
Key |
extension-c |
Chrome |
gantry |
Block Settings

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