Your Guide to Recreating Elements of the Interstellar Demo for Joomla
The Above section includes three particles: Spacer, Simple Content, and Simple Content. The Spacer particle is placed directly in the Above section, while the two Simple Content particles are assigned to the above-b and above-c module positions.
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 |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Fixed Size | Unchecked |
Block Size | 40% |
The Simple Content particle is a Gantry 5 Particle module placed within the above-b module position. You can create a module position by dragging and dropping a Module Position particle into the desired location within the Layout Manager. The module position's settings are as follows.
Option | Setting |
---|---|
Particle Name | FP Above B |
Key | above-b |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Fixed Size | Unchecked |
Block Size | 30% |
The next step involves assigning the particle to the module position. Adding a particle to a module position can be done by creating a Gantry 5 Particle module by navigating to Admin > Extensions > Modules and clicking the green New button. Select the Gantry 5 Particle module type and create the particle using the settings found in the section below, and assigning it to the position.
Option | Setting |
---|---|
Particle Name | Simple Content |
CSS Classes | Blank |
Title | Blank |
Item 1 Name | Our Office |
Item 1 Layout Style | Standard |
Item 1 Created Date | Blank |
Item 1 Content Title | Our Office |
Item 1 Author | Blank |
Item 1 Leading Content | Interstellar was handcrafted by the talented RocketTheme team on the incredible Gantry 5 framework. It was designed to be a perfect match for a wide variety of websites. |
Item 1 Main Content | Blank |
Item 1 Read More Label | Blank |
Item 1 Read More Link | Blank |
Item 1 Read More Classes | Blank |
Item 1 Target | Self |
The Simple Content particle is a Gantry 5 Particle module placed within the above-c module position. You can create a module position by dragging and dropping a Module Position particle into the desired location within the Layout Manager. The module position's settings are as follows.
Option | Setting |
---|---|
Particle Name | FP Above C |
Key | above-c |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Fixed Size | Unchecked |
Block Size | 30% |
The next step involves assigning the particle to the module position. Adding a particle to a module position can be done by creating a Gantry 5 Particle module by navigating to Admin > Extensions > Modules and clicking the green New button. Select the Gantry 5 Particle module type and create the particle using the settings found in the section below, and assigning it to the position.
Option | Setting |
---|---|
Particle Name | Simple Content |
CSS Classes | Blank |
Title | Blank |
Item 1 Name | Contact Info |
Item 1 Layout Style | Standard |
Item 1 Created Date | Blank |
Item 1 Content Title | Contact Info |
Item 1 Author | Blank |
Item 1 Main Content | Blank |
Item 1 Read More Label | Blank |
Item 1 Read More Link | Blank |
Item 1 Read More Classes | Blank |
Item 1 Target | Self |
Item 1 Leading Content
<br /><br />
<div class="info2"><strong><i class="fa fa-map-marker"></i> Interstellar LTD.</strong> <br />
ul. Szarych Szeregów 10/28 <br />
15-666 Białystok <br />
Poland <br />
<i class="fa fa-phone"></i> 555 555 555 <br />
<i class="fa fa-envelope-o"></i> office@interstellar.co <br />
</div>