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

Ethereal: Recreating the Demo - Bottom Section

Your Guide to Recreating Elements of the Ethereal Demo for WordPress


Introduction

1
Custom HTML (Particle)
2
Image Overlay (Particle)
3
Blog Content (Particle)

The Bottom section is made up of three particles.

Here is a breakdown of the particles used in this section:

Settings used in our demo for each of these particles can be found below.

Section Settings

Field Setting
Layout Fullwidth
CSS Classes Blank
Tag Attributes Blank

Custom HTML (Particle)

Particle Settings

Demo Bottom

Field Setting
Particle Name From the Blog Title

Custom HTML

<h2 class="g-title">From the Blog</h2>

Block Settings

Demo Header

Field Setting
CSS ID Blank
CSS Classes flush
Variations Title Underline, Centered Title
Tag Attributes Blank
Block Size 100%

Image Overlay (Particle)

Particle Settings

Demo Bottom

Field Setting
Particle Name Gantry 5 Image
CSS Classes Blank
Title Blank
Image Custom
Image Title The Next Generation of Theme Frameworks
Image Tag Gantry 5
Description Gantry 5 is an advanced, versatile and multi-platform theme framework designed for the modern web.

Block Settings

Demo Header

Field Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Block Size 33%

Blog Content (Particle)

Particle Settings

Demo Bottom

Field Setting
Particle Name Blog Content
Title Blank
Blog List Item 1 Name Particles
Blog List Item 1 Headline Particles revolutionize the creation and delivery of content
Blog List Item 1 Divider Bottom
Blog List Item 1 Icon Link Blank
Blog List Item 1 Icon 1 fa fa-fw fa-flask
Blog List Item 1 Icon 1 Text Atom
Blog List Item 1 Icon 2 fa fa-fw fa-table
Blog List Item 1 Icon 2 Text Position
Blog List Item 1 Icon 3 fa fa-fw fa-cog
Blog List Item 1 Icon 3 Text Standard

Item 1 Description

Particles operate as easy to create, configure and customize blocks that form the flesh of the frontend, from placeholders to self contained content and functions.

Block Settings

Demo Header

Field Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Block Size 67%

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