Your Guide to Recreating Elements of the Salient Demo for Joomla
The Utility section includes one module position, utility-a
. It also includes a spacer, set at 50% width to the left of the module position. Both the spacer and the module position can be set up using the Layout Manager.
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 |
The background image seen to the right of the content area of the section is set in the Styles tab within the Gantry administrator.
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Block Size | 50% |
Option | Setting |
---|---|
Key | utility-a |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Block Size | 50% |
We added a Promo Content particle to the utility-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 | g-overlay |
Title | Blank |
Promo Style | Super Promo |
Promo Text | Contemporary <br /> Interface |
Description | <p>Gantry 5's administrative interface has been completely rebuilt from the ground up to meet the needs of tomorrow's developer, today. The admin provides multiple options for styles, layout, particles, and more.</p> |
Readmore Text | → |
Readmore Classes |
button-arrow , nopaddingall
|
Link | # |
Readmore Style | Block |
Tag Item 1 Name | Intuitive |
Tag Item 1 Icon | Blank |
Tag Item 1 Text | Intuitive |
Tag Item 1 Link | # |