0
Welcome Guest! Login
0 items Join Now

Interstellar: Recreating the Demo - Contact Page

Your Guide to Recreating Elements of the Interstellar Demo for WordPress


Introduction

The Contact example page demonstrates how you can create a beautiful page with the Interstellar theme. Here is some information to help you replicate this page as it appears in the demo.

Widgets and Particles

Below is a brief rundown of the widgets and particles used to make up the demo page.

1
Slideshow
Info List (particle)
2
Aside
Simple Content (particle)
3
Aside
Custom HTML (particle)

Slideshow Section

This area of the page is an Info List particle. You will find the settings used in our demo below.

Section Settings

Field Setting
Layout Fullwidth (Boxed Content)
CSS Classes Blank
Tag Attributes Blank

Particle Settings

Option Setting
Particle Name Get in Touch!
CSS Classes g-layercontent noborder center
Title Blank
Intro Blank
Grid Column 1 Column
Item 1 Name Get in Touch!
Item 1 Icon Blank
Item 1 Icon Location Left
Item 1 Image Blank
Item 1 Image Location Left
Item 1 Text Style Slideshow
Item 1 Image Style Compact
Item 1 Description We are looking forward to hear from you.
Item 1 Tag Blank
Item 1 Sub Tag Blank
Item 1 Label Blank
Item 1 Link Blank
Item 1 Button Icon Blank
Item 1 Read More Classes Blank
Item 1 Target Self

Block Settings

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

Aside Section

1
Simple Content (particle)
2
Custom HTML (particle)

This area of the page is a Simple Content particle and a Custom HTML particle.

Simple Content (Particle)

Section Settings

Field Setting
Layout Fullwidth (Boxed Content)
CSS Classes Blank
Tag Attributes Blank

Section Block Settings

Field Setting
CSS ID Blank
CSS Classes equal-height
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 20%

Particle Settings

Option Setting
Particle Name Contact Info
Layout Style Blank
Created Date Blank
Content Title Blank
Author Blank
Main Content Blank
Read More Label Blank
Read More Link Blank
Read More Classes Blank
Target Self

Leading Content

<br /><br /><br />
<strong><i class="fa fa-map-marker"></i> Interstellar  LTD.</strong> <br />
ul. Szarych Szeregów 10/28 <br />
15-666 Białystok <br />
Poland <br />

Block Settings

Option Setting
CSS ID Blank
CSS Classes equal-height
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 100%

Custom HTML (Widget)

Here is the content body of the Custom HTML particle.

<p><img src="gantry-media://rocketlauncher/pages/contact/img-01.jpg" alt="image" /></p>
<p><strong>Interstellar</strong> is only available as part of the Club Subscription.</p>
<p>Please use the RocketLauncher to install an equivalent of the demo onto your site.</p>
<p>All demo content is for sample purposes only, to represent a live site.</p>

Contact Form

The Contact Form is a particle assigned to the MainBar section.

Particle Settings

Option Setting
Particle Name Contact Form
CSS Classes Blank
Header Blank
Email Address Custom
Enable reCAPTCHA Unchecked
Site Key Blank
Secret Key Blank

Block Settings

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

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