0
Welcome Guest! Login
0 items Join Now

Vermilion: Recreating the Demo - Contact Us

Your Guide to Recreating Elements of the Vermilion Demo for WordPress


Introduction

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

Mainbody

Mainbody

The Contact Us page is a common WordPress page. The page's content is blank. The contact form is loaded as the result of setting the Template in the Page Attributes section of the sidebar to Contact Form. This form is loaded from the template-contact.php file located in the theme's directory.

Widgets

Below is a brief rundown of the widgets used to make up the demo page. Widgets in the Header and Copyright positions are outlined in the main demo replication area of this guide.

Widgets
1
Showcase - Text
2
Mainbody
3
Sidebar - Text
4
Extension - Text
  1. Showcase - Text
  2. Mainbody
  3. Sidebar - Text
  4. Extension - Text

Showcase Section

Showcase

Here is the widget breakdown for the Showcase section:

Text

This section of the page is a standard text widget. You will need to enter the following in the main text field.

 

Here is a breakdown of options changes you will want to make to match the demo.

Option Setting
Title Contact Us[span class="rt-title-tag"]We Would Love to Hear From You[/span]
Widget Variations RT-Center, No Margin All
Custom Variations rt-title-large rt-nomodulecontent rt-top-large-padding

Leaving everything else at its default setting, select Save.

Sidebar Section

Sidebar

Here is the widget breakdown for the Breadcrumbs section:

Text

This section of the page is a standard text widget. You will need to enter the following in the main text field.

<p><span class="rt-image"><img src="http://(your site url)/wp-content/rockettheme/rt_vermilion_wp/pages/contact-us/img-01.jpg" alt="image" /></span></p>

<p>Vermilion is only available as part of the Club Subscription.<span class="hidden-tablet"> Please use the RocketLauncher to install an equivalent of the demo onto your site.</span></p>

<h4>Address</h4>
<p>
    <span>Vermilion Theme, LLC</span><br />
    <span>123 WordPress Boulevard</span><br />
    <span>Seattle, WA 00000, USA</span>
</p>

<h4>Email</h4>
<p>
    <span>noreply@vermilion-theme.com</span><br />
    <span>noperson@vermilion-theme.com</span>
</p>

<h4>Phone</h4>
<p>
    <span>+1(123)456-5555-555</span><br />
    <span>+1(123)456-6666-666</span>
</p>

<h4>Online Support</h4>
<p>
    <span>Skype ID: vermilion.theme</span><br />
    <span>BBM PIN: 12ABC345</span>
</p>

Here is a breakdown of options changes you will want to make to match the demo.

Option Setting
Widget Variations Box 1, Title 3

Leaving everything else at its default setting, select Save.

Extension Section

Extension

Here is a breakdown of the widgets in the Extension section:

Text

This section of the page is a standard text widget. You will need to enter the following in the main text field.

<p>Email Us for Questions Involving Payments, Billing, and Membership.</p>

<p><a href="http://www.rockettheme.com/forum/wordpress-theme-vermilion" class="readon">Send Email</a></p>

Here is a breakdown of options changes you will want to make to match the demo.

Option Setting
Title Got Billing and Payments Questions?
Widget Variations RT-Center

Leaving everything else at its default setting, select Save.


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