0
Welcome Guest! Login
0 items Join Now

Super Spring Sale

Spring is in the air, and so are the savings during our Super Spring Sale! Save 50% on single themes and 35% on Club memberships and renewals for a very limited time.

Antares: Recreating the Demo - Header Section

Your Guide to Recreating Elements of the Antares Demo for Joomla


Introduction

1
Promo Content (Particle)
2
Promo Content (Particle)

The Header section includes a twp Promo Content particles. One assigned to the header-a and and the other to the header-b module positions.

Worth noting, the text that appears under the covered overlays at the back of the section reading Gantry 5 is assigned in the Styles tab of the Gantry 5 Administrator within 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 (Boxed Content)
CSS Classes Blank
Tag Attributes Blank

Promo Content (Particle) 1

The Promo Content particle is a Gantry 5 Particle module placed within the header-a module position. Adding a particle to a module position can be done by creating a Gantry 5 Particle module, adding the particle using the settings found in the section below, and assigning it to the position.

Module Position Particle Settings

Particle Settings

Demo Header

Option Setting
Particle Name FP Header A
Key header-a
Chrome gantry

Block Settings

Demo Header

Option Setting
CSS ID Blank
CSS Classes fp-header-a
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 50%

Promo Content Particle Settings

Particle Settings

Demo Header

Option Setting
Particle Name Promo Content
CSS Classes Blank
Title Blank
Promo Style Super Promo
Subpromo Text Blank
Promo Text Slider
Description Blank
Readmore Text Explore
Readmore Classes button-special
Link #
Link Target Self
Readmore Style Block
Tags Blank
Alt Button Label Blank
Alt Button Link Blank
Alt Button Target Self
Alt Button Classes Blank

Promo Content (Particle) 2

The Promo Content particle is a Gantry 5 Particle module placed within the header-b module position. Adding a particle to a module position can be done by creating a Gantry 5 Particle module, adding the particle using the settings found in the section below, and assigning it to the position.

Module Position Particle Settings

Particle Settings

Demo Header

Option Setting
Particle Name FP Header B
Key header-b
Chrome gantry

Block Settings

Demo Header

Option Setting
CSS ID Blank
CSS Classes fp-header-b
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 50%

Promo Content Particle Settings

Particle Settings

Demo Header

Option Setting
Particle Name Promo Content
CSS Classes Blank
Title Blank
Promo Style Promo
Subpromo Text Blank
Promo Text Slider
Description Blank
Readmore Text Tabs
Readmore Classes button-special
Link #
Link Target Self
Readmore Style Block
Tags Blank
Alt Button Label Blank
Alt Button Link Blank
Alt Button Target Self
Alt Button Classes Blank

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