Salient: Recreating the Demo - Utility Section

Your Guide to Recreating Elements of the Salient Demo for WordPress

details download demo support

Introduction

The Utility section includes one widget position, utility-a. It also includes a spacer, set at 50% width to the left of the widget position. Both the spacer and the widget position can be set up using the Layout Manager.

Here is a breakdown of the widget(s) and particle(s) that appear in this section:

Spacer (position)
Promo Content (particle)

Section Settings

Option	Setting
Layout	Fullwidth
CSS Classes	Blank
Tag Attributes	Blank

Background Image

The background image seen to the right of the content area of the section is set in the Styles tab within the Gantry administrator.

Spacer (positions particle)

Particle Settings

Demo Utility

Block Settings

Demo Utility

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

Promo Content (Particle)

We used a Promo Content particle to make up this area of the front page.

You will find the particle settings used in this particle below:

Particle Settings

Demo Showcase

Option	Setting
Particle Name	`Contemporary Interface`
CSS Classes	Blank
Title	Blank
Promo Style	Super Promo
Promo Text	`Contemporary <br />Interface`
Description	`<p>Gantry 5's administrative interface has been completely rebuilt from the ground up to meet the needs of tomorrow's developer, today. The admin provides multiple options for styles, layout, particles, and more.</p>`
Readmore Text	`→`
Readmore Classes	`button-arrow` `nopaddingall`
Link	`#`
Readmore Style	Aside
Tag Item 1 Name	`Intuitive`
Tag Item 1 Icon	Blank
Tag Item 1 Text	`Intuitive`
Tag Item 1 Link	`#`

Block Settings

Demo Showcase

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

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