0
Welcome Guest! Login
0 items Join Now

Galatea: Recreating the Demo - Contact Page

Your Guide to Recreating Elements of the Galatea Demo for WordPress


Introduction

The Contact example page demonstrates how you can create a beautiful page with the Galatea 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
Header
Info List (particle)
2
Aside
Custom HTML (particle)

Header 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 Header
Item 1 Image Style Compact
Item 1 Description Tell us about your project!
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

This area of the page is a Custom HTML 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 Custom HTML
Process Shortcodes Blank

Custom HTML

<p><img src="/images/rocketlauncher/pages/contact/img-01.jpg" alt="image"></p>
<p><strong>Galatea</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>

Block Settings

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

Contact Form

The contact form featured in the page is a Contact Form particle placed in the MainBar area of the layout. Here are the settings we used in the demo.

Particle Settings

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

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.