Your Guide to Recreating Elements of the Isotope Demo for Joomla
The Footer section includes four module positions, Footer A, Footer B, Footer C, and Footer D. In these positions, we placed different particles, outlined in this guide.
Here is a breakdown of the module(s) and particle(s) that appear in this section:
Option | Setting |
---|---|
Layout | Fullwidth (Boxed Content) |
CSS Classes | Blank |
Tag Attributes | Blank |
Option | Setting |
---|---|
Particle Name | Footer A |
Key | footer-a |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Fixed Size | Unchecked |
Block Size | 25% |
Using the Gantry 5 Particle module, we assigned a Info List particle to this position. You will find the settings used in this particle, below.
Option | Setting |
---|---|
Particle Name | Info List |
CSS Classes | g-gridmenu |
Title | Useful Links |
Intro | Blank |
Grid Column | 1 Column |
Item 1 Name | About Isotope |
Item 1 Image | Blank |
Item 1 Image Location | Left |
Item 1 Text Style | Compact |
Item 1 Image Style | Compact |
Item 1 Description | Blank |
Item 1 Tag | Blank |
Item 1 Sub Tag | Blank |
Item 1 Label | Blank |
Item 1 Link | http://www.rockettheme.com/joomla/templates/isotope |
Item 1 Icon | Blank |
Item 1 Read More Classes | Blank |
Option | Setting |
---|---|
Particle Name | Footer B |
Key | footer-b |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Fixed Size | Unchecked |
Block Size | 25% |
Using the Gantry 5 Particle module, we assigned a Info List particle to this position. You will find the settings used in this particle, below.
Option | Setting |
---|---|
Particle Name | Info List |
CSS Classes | g-gridmenu |
Title | Elsewhere |
Intro | Blank |
Grid Column | 2 Columns |
Item 1 Name | Facebook |
Item 1 Image | Blank |
Item 1 Image Location | Left |
Item 1 Text Style | Compact |
Item 1 Image Style | Compact |
Item 1 Description | Blank |
Item 1 Tag | Blank |
Item 1 Sub Tag | Blank |
Item 1 Label | Blank |
Item 1 Link | https://www.facebook.com/RocketTheme/ |
Item 1 Icon | Blank |
Item 1 Read More Classes | Blank |
Option | Setting |
---|---|
Particle Name | Footer C |
Key | footer-c |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Fixed Size | Unchecked |
Block Size | 25% |
Using the Gantry 5 Particle module, we assigned a Custom HTML particle to this position. You will find the settings used in this particle, below.
Option | Setting |
---|---|
Particle Name | Custom HTML |
Process Shortcodes | Unchecked |
<p>All demo content is for sample purposes only, to represent a live site.</p>
<p>Note: Isotope is built on the latest version of the Gantry 5 Framework.</p>
Option | Setting |
---|---|
Particle Name | Footer D |
Key | footer-d |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Fixed Size | Unchecked |
Block Size | 25% |
Using the Gantry 5 Particle module, we assigned a Custom HTML particle to this position. You will find the settings used in this particle, below.
Option | Setting |
---|---|
Particle Name | Custom HTML |
Process Shortcodes | Unchecked |
<p><span><a href="http://www.rockettheme.com/joomla/templates/isotope">Isotope</a> can be <span class="hidden-tablet">individually </span>purchased with lifetime download / forum access.</span></p>
<p>Alternatively, Isotope is available as part of a subscription.</p></div>