Loading...
Menu

Columns.

Columns allow you to create boxed areas of various size for your content.

There are a variety of built-in columns for you to use: one full, one half, one third, two third, one quarter, one fifth

Usage.

Using the columns is easy. You can either choose to use the shortcode, or, the CSS class, it’s your choice.

// shortcode usage
[one half]
Your column content inside.
[/one half]
// class usage
<div class="one_half">
Your column content inside.
</div>

Typer.

Typer allows you to add some text typing to your content.

Usage.

Using the typer couldn’t be simpler.

// shortcode usage
[text-typer text="engaging, animated"]

Slider.

The slider uses a custom post type to store all of your slides & a shortcode to display them.

It also uses categories which allows you to display your images in different sliders across your site.

Usage.

Displaying a slider with specific category.

// shortcode usage. num = number of slides, cat = category to pull images from
[slider num="3" cat="home-slider"]

Portfolio.

The portfolio module uses a custom post type to store all of your items & a shortcode to display them.

You can also specify an optional title, as seen on the homepage of this demo.

Usage.

Displaying a portfolio.

// shortcode usage
[portfolio num="10"]

Contact.

The contact page uses 2 shortcodes, 1 for the map and 1 for the contact form. You can use together, or standalone.

Usage.

Displaying the map and form.

// map shortcode usage
[google-map zip="31173"]

// form shortcode usage
[contact-form email="your@email.com"]

Pricing Tables.

The pricing shortcode allows you to display any number of pricing tables.

You can also nest the pricing shortcode within the columns shortcode to set the sizing.

Usage.

Displaying a table.

// shortcode usage
[pricing heading="Starter" price="£250" link="#" name="Sign Up" items="
<ul>
<li>HTML Website</li>
<li>100 Business Cards</li>
<li>Branding Package</li>
<li>12 mths free hosting</li>
</ul>
"]

// shortcode usage wrapped with a column
[one third]
[pricing heading="Starter" price="£250" link="#" name="Sign Up" items="
<ul>
<li>HTML Website</li>
<li>100 Business Cards</li>
<li>Branding Package</li>
<li>12 mths free hosting</li>
</ul>
"]
[/one third]

Audio Player.

Adding an mp3 audio player is super-simple.

Usage.

Displaying an audio player.

// shortcode usage
[audio file="http://path-to-audio.mp3]