0
Welcome Guest! Login
0 items Join Now

Interstellar: Recreating the Demo - Above Section

Your Guide to Recreating Elements of the Interstellar Demo for Joomla


Introduction

1
Spacer
2
Simple Content
3
Simple Content

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:

Section Settings

Option Setting
Layout Fullwidth (Boxed Content)
CSS Classes Blank
Tag Attributes Blank

Spacer (Particle)

Particle Settings

Demo Above

Block Settings

Demo Above

Option Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 40%

Simple Content (Particle)

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.

Module Position Particle Settings

Particle Settings

Demo Above

Option Setting
Particle Name FP Above B
Key above-b
Chrome gantry

Block Settings

Demo Above

Option Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 30%

Simple Content Particle Settings

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.

Particle Settings

Demo Above

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

Simple Content (Particle) 2

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.

Module Position Particle Settings

Particle Settings

Demo Above

Option Setting
Particle Name FP Above C
Key above-c
Chrome gantry

Block Settings

Demo Above

Option Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 30%

Simple Content Particle Settings

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.

Particle Settings

Demo Above

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>

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.