0
Welcome Guest! Login
0 items Join Now

Interstellar: Recreating the Demo - Header Section

Your Guide to Recreating Elements of the Interstellar Demo for Grav


Introduction

1
Custom HTML
2
Custom HTML

The Header section includes two Custom HTML particles.

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

Custom HTML (Particle)

Particle Settings

Demo Header

Option Setting
Particle Name Custom HTML
Process Twig Blank
Process Shortcodes Blank

Custom HTML

<h2 class="g-title">Interstellar is a modern mobile-friendly responsive design.</h2>

Block Settings

Demo Header

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

Custom HTML (Particle) 2

Particle Settings

Demo Header

Option Setting
Particle Name Custom HTML
Process Twig Blank
Process Shortcodes Blank

Custom HTML

<p>Not only that, but thanks to the powerful Gantry 5 framework, you can easily assign individual elements to specific screen types.</p>
<a href="http://www.gantry.org" class="button">Learn More</a>

Block Settings

Demo Header

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

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