0
Welcome Guest! Login
0 items Join Now

Our Summer Sale is coming to an end, but it's not too late to save big! It's your last chance to save 50% on themes and 35% on memberships!
motionmailapp.com

Salient: Recreating the Demo - Feature Section

Your Guide to Recreating Elements of the Salient Demo for Joomla


Introduction

The Feature section includes one module position, feature-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:

Section Settings

Option Setting
Layout Fullwidth
CSS Classes Blank
Tag Attributes Blank

Spacer (positions particle)

Particle Settings

Demo Feature

Block Settings

Demo Feature

Option Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Block Size 50%

Feature A (module position)

Particle Settings

Demo Feature

Option Setting
Key feature-a
Chrome gantry

Block Settings

Demo Feature

Option Setting
CSS ID Blank
CSS Classes nomarginall, nopaddingall
Variations Blank
Tag Attributes Blank
Block Size 50%

Assigned Module(s)

Gantry 5 Particle (Promo Content)

We added a Promo Content particle to the feature-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:

Particle Settings

Demo Feature

Option Setting
CSS Classes g-overlay
Title Blank
Promo Style Super Promo
Promo Text Mobile <br /> Responsive
Description <p>Salient is built with a responsive layout, which means it automatically adapts to the viewing device, so it will expand and contract accordingly to the size and resolution of the screen, whether mobile, tablet or desktop.</p>
Readmore Text &rarr;
Readmore Classes button-arrow, nopaddingall
Link #
Readmore Style Block
Tag Item 1 Name Flexible
Tag Item 1 Icon Blank
Tag Item 1 Text Flexible
Tag Item 1 Link #

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