Colour Scheme

Light colour scheme Dark colour scheme

The theme options also featues colour pickers to select the colour used for links, buttons and the tagline box in the header.

Tel: +00 0000 000000

Shortcodes

Audio

[audio mp3="http://www.example.com/audio1.mp3"]

Boxes

[box]<p>Text...</p>[/box]

Aliquam erat volutpat. Duis id nisl nulla, ut varius enim. Praesent nibh elit, dignissim quis condimentum ut, consectetur sed dolor. Phasellus in mauris eget lorem hendrerit dapibus a in magna.

[box style="red"]<p><a href="#">Link Text</a></p>[/box]

Aliquam erat volutpat. Duis id nisl nulla, ut varius enim. Praesent nibh elit, dignissim quis condimentum ut, consectetur sed dolor. Phasellus in mauris eget lorem hendrerit dapibus a in magna.

[box style="green"]<p>Text...</p>[/box]

Aliquam erat volutpat. Duis id nisl nulla, ut varius enim. Praesent nibh elit, dignissim quis condimentum ut, consectetur sed dolor. Phasellus in mauris eget lorem hendrerit dapibus a in magna.

[box style="blue"]<p>Text...</p>[/box]

Aliquam erat volutpat. Duis id nisl nulla, ut varius enim. Praesent nibh elit, dignissim quis condimentum ut, consectetur sed dolor. Phasellus in mauris eget lorem hendrerit dapibus a in magna.

Buttons

[button
align="left | right | center"
link="http://www.example.com/"
style="normal | secondary"
size="small | large"
margin="20"
] Button Label Text [/button]

Left Aligned

Default Button Secondary Button
Default Button Secondary Button

Right Aligned

Default Button Seondary Button
Default Button Secondary Button

Centered

Columns

Fourth

[fourth]Column content.[/fourth]

Nam euismod tempor tempus. Fusce rhoncus tortor a est bibendum molestie. Quisque adipiscing pharetra libero, luctus scelerisque turpis eleifend id. Quisque viverra dignissim egestas.

Fourth

[fourth]Column content.[/fourth]

Nam euismod tempor tempus. Fusce rhoncus tortor a est bibendum molestie. Quisque adipiscing pharetra libero, luctus scelerisque turpis eleifend id. Quisque viverra dignissim egestas.

Fourth

[fourth]Column content.[/fourth]

Nam euismod tempor tempus. Fusce rhoncus tortor a est bibendum molestie. Quisque adipiscing pharetra libero, luctus scelerisque turpis eleifend id. Quisque viverra dignissim egestas.

Fourth

[fourth end="true"]Column content.[/fourth]

Nam euismod tempor tempus. Fusce rhoncus tortor a est bibendum molestie. Quisque adipiscing pharetra libero, luctus scelerisque turpis eleifend id. Quisque viverra dignissim egestas.

Third

[third]Column content.[/third]

Nam euismod tempor tempus. Fusce rhoncus tortor a est bibendum molestie. Quisque adipiscing pharetra libero, luctus scelerisque turpis eleifend id. Quisque viverra dignissim egestas. Sed fringilla ullamcorper diam, ut euismod orci imperdiet in.

Third

[third]Column content.[/third]

Nam euismod tempor tempus. Fusce rhoncus tortor a est bibendum molestie. Quisque adipiscing pharetra libero, luctus scelerisque turpis eleifend id. Quisque viverra dignissim egestas. Sed fringilla ullamcorper diam, ut euismod orci imperdiet in.

Third

[third end="true"]Column content.[/third]

Nam euismod tempor tempus. Fusce rhoncus tortor a est bibendum molestie. Quisque adipiscing pharetra libero, luctus scelerisque turpis eleifend id. Quisque viverra dignissim egestas. Sed fringilla ullamcorper diam, ut euismod orci imperdiet in.

Two Thirds

[two_thirds]Column content.[/two_thirds]

Nam euismod tempor tempus. Fusce rhoncus tortor a est bibendum molestie. Quisque adipiscing pharetra libero, luctus scelerisque turpis eleifend id. Quisque viverra dignissim egestas. Sed fringilla ullamcorper diam, ut euismod orci imperdiet in. Suspendisse magna ligula, placerat ac tempor scelerisque, cursus et leo. Ut egestas pellentesque laoreet. Nam tincidunt convallis mauris eu venenatis. Suspendisse magna ligula, placerat ac tempor scelerisque, cursus et leo. Ut egestas pellentesque laoreet. Nam tincidunt convallis mauris eu venenatis.

Third

[third end="true"]Column content.[/third]

Nam euismod tempor tempus. Fusce rhoncus tortor a est bibendum molestie. Quisque adipiscing pharetra libero, luctus scelerisque turpis eleifend id. Quisque viverra dignissim egestas. Sed fringilla ullamcorper diam, ut euismod orci imperdiet in.

Half

[half]Column content.[/half]

Sed fringilla ullamcorper diam, ut euismod orci imperdiet in. Sed tempus, tellus nec faucibus suscipit, risus ante tincidunt elit, id bibendum eros neque ut quam. Aliquam erat volutpat. Pellentesque arcu turpis, pellentesque sed volutpat quis, mollis id odio. Nulla nulla risus, ultrices sit amet sagittis ut, ullamcorper eget sapien. Proin ornare varius erat, sed euismod libero pellentesque a. Morbi rhoncus diam vel velit imperdiet posuere consequat risus dictum.

Half

[half end="true"]Column content.[/half]

Sed fringilla ullamcorper diam, ut euismod orci imperdiet in. Sed tempus, tellus nec faucibus suscipit, risus ante tincidunt elit, id bibendum eros neque ut quam. Aliquam erat volutpat. Pellentesque arcu turpis, pellentesque sed volutpat quis, mollis id odio. Nulla nulla risus, ultrices sit amet sagittis ut, ullamcorper eget sapien. Proin ornare varius erat, sed euismod libero pellentesque a. Morbi rhoncus diam vel velit imperdiet posuere consequat risus dictum.

Divider

[divider]

Divider With Top Link

[divider style="top"]

Thick Divider

[divider style="thick"]

Google Map

[map height="400" width="736" zoom="15" address="Yankee Stadium, New York"]

List Styles

Check List

[list style="check"]
<li>List item</li>
<li>List item</li>
[/list]
  • List item
  • List item
    • List item
    • List item
  • List item
  • List item
  • List item
  • List item
  • List item

Cross List

[list style="cross"]
<li>List item</li>
<li>List item</li>
[/list]
  • List item
  • List item
    • List item
    • List item
  • List item
  • List item
  • List item
  • List item
  • List item

Circle List

[list style="circle"]
<li>List item</li>
<li>List item</li>
[/list]
  • List item
  • List item
    • List item
    • List item
  • List item
  • List item
  • List item
  • List item
  • List item

Square List

[list style="square"]
<li>List item</li>
<li>List item</li>
[/list]
  • List item
  • List item
    • List item
    • List item
  • List item
  • List item
  • List item
  • List item
  • List item

Pagelist

[pagelist
parent="Parent ID"
number="Max number of pages to return"
columns="1 | 2 | 3"
orderby="date | menu_order | id | title | rand | parent | author"
order="ASC | DESC"
page="ID of specific pages (separated by a comma)"
title="true | false"
image="true | false" ]

1 column

[pagelist columns="1" number="2" parent="62" orderby="title"]

Archive

This is the archive page template. The archive page template includes a content area. Below the content area is a list of the 30 most recent posts and category and month post archive links. The template also includes a widget ready sidebar.

Contact Template

The contact page template has a standard content area at the top. It also has a simple contact form with honey trap field to prevent spam submissions. You can add a map to the feature area of the page template

2 columns

[pagelist columns="2" number="4" parent="62" orderby="title"]

Archive

This is the archive page template. The archive page template includes a content area. Below the content area is a list of the 30 most recent posts and category and month post archive links. The template also includes a widget ready sidebar.

Contact Template

The contact page template has a standard content area at the top. It also has a simple contact form with honey trap field to prevent spam submissions. You can add a map to the feature area of the page template

Full Width

This is an example of the full width page template. The sfull width page template includes a content area that stretches the entire width of the theme design.

Home Page Template

The home page template includes a content area at the top. In this area you can add page content as you would on any other page template. There are also options to show the latest blog posts and portfolio items

3 columns

[pagelist columns="3" number="3" parent="62" orderby="title" ]

Archive

This is the archive page template. The archive page template includes a content area. Below the content area is a list of the 30 most recent posts and category and month post archive links. The template also includes a widget ready sidebar.

Contact Template

The contact page template has a standard content area at the top. It also has a simple contact form with honey trap field to prevent spam submissions. You can add a map to the feature area of the page template

Full Width

This is an example of the full width page template. The sfull width page template includes a content area that stretches the entire width of the theme design.

Portfolio

[portfolio
number="Max number of pages to return"
columns="1 | 2 | 3"
orderby="date | menu_order | id | title | rand | parent | author"
order="DESC | ASC"
page="ID of specific pages (separated by a comma)"
title="true | false"
image="true | false"
]

1 column

[portfolio columns="1" number="1" orderby="date" category="design"]

2 columns

[portfolio columns="2" number="2" orderby="date" category="audio"]

3 columns

[portfolio columns="3" number="6" orderby="date" category="print"]

Postlist

[postlist
title="Title Text"
number="Number of posts to show"
category="Slug of one post category to show"
tag="Slug of tags to show separated by commas"]

Example

[postlist title="Latest Parent Category I Posts" number="4" category="parent-category-i"]

Latest Parent Category I Posts

Pricing Table

The pricing tables shortcode allows you to create a pricing table with a maximum of 5 columns and allows you to easily highlight a specific column that you want to draw attention towards.

Basic

£0.00/month

Great for individuals.

Upto 10 users

Upto 10GB storage

Free Support

Pro

£0.00/month

Great for small businesses.

Upto 50 users

Upto 100GB storage

Free support

Premium

£0.00/month

Great for medium busineses.

100 users

200GB storage

Free support

[pricing_table]

[pricing_table_column]
[pricing_table_row] Row content. [/pricing_table_row]
[pricing_table_row] Row content. [/pricing_table_row]
[pricing_table_row] [button link="#" align="center"]Sign Up[/button] [/pricing_table_row]
[/pricing_table_column]

[pricing_table_column highlight="true"]
[pricing_table_row] Row content. [/pricing_table_row]
[pricing_table_row] Row content. [/pricing_table_row]
[pricing_table_row] [button link="#" align="center"]Sign Up[/button] [/pricing_table_row]
[/pricing_table_column]

[pricing_table_column]
[pricing_table_row] Row content. [/pricing_table_row]
[pricing_table_row] Row content. [/pricing_table_row]
[pricing_table_row] [button link="#" align="center"]Sign Up[/button] [/pricing_table_row]
[/pricing_table_column]

[/pricing_table]

Quotes

Left Pull Quotes

[quote_left]Text...[/quote_left]

"A left pullquote. Cras nec felis libero. Integer interdum commodo laoreet. Suspendisse quis libero lacus."

Nam turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Integer interdum commodo laoreet. Suspendisse quis libero lacus. Maecenas lacinia justo eu massa elementum codetium. Suspendisse quis enim id erat imperdiet tempor malesuada tincidunt lectus. Nam turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Suspendisse quis enim id erat imperdiet tempor malesuada tincidunt lectus. Nam turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Maecenas lacinia justo eu massa elementum codetium. Suspendisse quis enim id erat imperdiet tempor malesuada tincidunt lectus. Integer interdum commodo laoreet. Suspendisse quis libero lacus. Maecenas lacinia justo eu massa elementum codetium. Suspendisse quis enim id erat imperdiet tempor malesuada tincidunt lectus.

Right Pull Quote

[quote_right]Text...[/quote_right]

"A right pullquote. Cras nec felis libero. Integer interdum commodo laoreet. Suspendisse quis libero lacus."

Nam turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Integer interdum commodo laoreet. Suspendisse quis libero lacus. Maecenas lacinia justo eu massa elementum codetium. Suspendisse quis enim id erat imperdiet tempor malesuada tincidunt lectus. Nam turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Suspendisse quis enim id erat imperdiet tempor malesuada tincidunt lectus. Nam turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Maecenas lacinia justo eu massa elementum codetium. Suspendisse quis enim id erat imperdiet tempor malesuada tincidunt lectus. Integer interdum commodo laoreet. Suspendisse quis libero lacus. Maecenas lacinia justo eu massa elementum codetium. Suspendisse quis enim id erat imperdiet tempor malesuada tincidunt lectus.

Toggle Content

[toggle title="The title text"]Content to be toggled.[/toggle]

This is the title of the toggle content

This is the content that will be toggled when the above title is clicked. Nam turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Integer interdum commodo laoreet. Suspendisse quis libero lacus. Maecenas lacinia justo eu massa elementum codetium.

This is the content that will be toggled when the above title is clicked. Nam turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Integer interdum commodo laoreet. Suspendisse quis libero lacus. Maecenas lacinia justo eu massa elementum codetium.

This is the title of the toggle content

This is the content that will be toggled when the above title is clicked. Nam turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Integer interdum commodo laoreet. Suspendisse quis libero lacus. Maecenas lacinia justo eu massa elementum codetium.

This is the content that will be toggled when the above title is clicked. Nam turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Integer interdum commodo laoreet. Suspendisse quis libero lacus. Maecenas lacinia justo eu massa elementum codetium.

This is the title of the toggle content

This is the content that will be toggled when the above title is clicked. Nam turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Integer interdum commodo laoreet. Suspendisse quis libero lacus. Maecenas lacinia justo eu massa elementum codetium.

This is the content that will be toggled when the above title is clicked. Nam turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Integer interdum commodo laoreet. Suspendisse quis libero lacus. Maecenas lacinia justo eu massa elementum codetium.

This is the title of the toggle content

This is the content that will be toggled when the above title is clicked. Nam turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Integer interdum commodo laoreet. Suspendisse quis libero lacus. Maecenas lacinia justo eu massa elementum codetium.

This is the content that will be toggled when the above title is clicked. Nam turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Integer interdum commodo laoreet. Suspendisse quis libero lacus. Maecenas lacinia justo eu massa elementum codetium.

Emphasis

[emphasis align="left | right | center" ] Text.... [/emphasis]
Maecenas lacinia justo eu massa elementum pretium. Suspendisse quis enim id erat imperdiet tempor malesuada tincidunt lectus.

Dropcap 1

[dropcap_1]L[/dropcap_1]
N am turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Integer interdum commodo laoreet. Suspendisse quis libero lacus. Maecenas lacinia justo eu massa elementum pretium. Suspendisse quis enim id erat imperdiet tempor malesuada tincidunt lectus. Nam turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero.

Dropcap 2

[dropcap_2]L[/dropcap_2]
1 Ham turpis ipsum, blandit eu semper in, tincidunt at libero. Cras nec felis libero. Integer interdum commodo laoreet. Suspendisse quis libero lacus. Maecenas lacinia justo eu massa elementum pretium. Suspendisse quis enim id erat imperdiet tempor malesuada tincidunt lectus. Nam turpis ipsum, blandit eu semper in, tincidunt at libero.

Highlight

[highlight]Some text...[/highlight]

Some dummy text to show highlighting.

Video

[video
url="http://example.com/video.mp4"
image="http://example.com/poster-image.png"
]