Theme Settings - Short Codes

Miscellaneous Shortcodes

To take advantage of shortcodes, you switch your WP editor to the html source mode, copy and paste any of the shortcodes you see below, change back to the wysiwyg mode and then replace the sample content with your own (where necessary). Make sure you paste the code in the source mode otherwise it won't work as the editor will change your characters.

Shortcode: Read More Link

Replace the # with your own link:

[readmore link="#"]Continue Reading...[/readmore]

Shortcode: Full Width Page Shadow Divider

This separates elements in your page:

[divider]

Shortcode: Dropcap

This adds a larger first letter of your first paragraph:

[dropcap]A[/dropcap]

Shortcode: Contact Form

You can put this form anywhere:

[contactform email=#]

List Style Shortcodes

Shortcode: List Style 1 (Unordered list)

Add your own list to each tag line:

[list_square_grey]
  <ul>
  <li>Item One</li>
  <li>Item Two </li>
  <li>Item Three </li>
  </ul>
[/list_square_grey]

Shortcode: List Style 2 (Unordered list)

Add your own list to each tag line:

[list_square_orange]
  <ul>
  <li>Item One</li>
  <li>Item Two </li>
  <li>Item Three </li>
  </ul>
[/list_square_orange]

Shortcode: List Style 3 (Unordered list)

Add your own list to each tag line:

[list_circle]
  <ul>
  <li>Item One</li>
  <li>Item Two </li>
  <li>Item Three </li>
  </ul>
[/list_circle]

Shortcode: List Style 4 (Ordered list)

This gives you a "Roman Numeral" list style. Add your own list to each tag line:

[list_roman]
  <ol>
  <li>Item One</li>
  <li>Item Two </li>
  <li>Item Three </li>
  </ol>
[/list_roman]

Shortcode: List Style 5 (Unordered list)

This gives you a "Alphabetical" list style. Add your own list to each tag line:

[list_alpha]
  <ol>
  <li>Item One</li>
  <li>Item Two </li>
  <li>Item Three </li>
  </ol>
[/list_alpha]

Shortcode: List Style 6 (Unordered list)

This gives you a "double digit numbered list between 1 - 9" which looks like this: 03 list style. Add your own list to each tag line:

[list_zero_decimal]
  <ol>
  <li>Item One</li>
  <li>Item Two </li>
  <li>Item Three </li>
  </ol>
[/list_zero_decimal]

Shortcode: List Style 7 (Arrow list)

This gives you an "arrow" list style. Add your own list to each tag line:

[list_arrow]
  <ul>
  <li>Item One</li>
  <li>Item Two </li>
  <li>Item Three </li>
  </ul>
[/list_arrow]

Columns for Pages or Posts

Shortcode: Column Set 1

The Column Set 1 gives you one full width 960 pixel wide column:

[c960]
<h2>Maecenas ornare tortor</h2>
<p>Add your content here</p>
[/c960]

Shortcode: Column Set 2

The Column Set 2 gives you two equal width 460 pixel wide columns with a 40 pixel space between each column:

[c460]
<h2>Column Set 2 (460px)</h2>
<p>Add your content here</p>
[/c460]

[c460_last]
<h2>Column Set 2 (460px)</h2>
<p>Add your content here</p>
[/c460_last]

Shortcode: Column Set 3

The Column Set 3 gives you three equal width 290 pixel wide columns with a 45 pixel space between each column:

<div class="columnset">
[c290]
<h2>Column Set 3 (290px)</h2>
<p>Add your content here</p>
[/c290]

[c290]
<h2>Column Set 3 (290px)</h2>
<p>Add your content here</p>
[/c290]

[c290_last]
<h2>Column Set 3 (290px)</h2>
<p>Add your content here</p>
[/c290_last]
</div>

Shortcode: Column Set 4

The Column Set 4 gives you four equal width 210 pixel wide columns with a 40 pixel space between each column:

[c210]
<h2>Column Set 4 (210px)</h2>
<p>Add your content here</p>
[/c210]

[c210]
<h2>Column Set 4 (210px)</h2>
<p>Add your content here</p>
[/c210]

[c210]
<h2>Column Set 4 (210px)</h2>
<p>Add your content here</p>
[/c210]

[c210_last]
<h2>Column Set 4 (210px)</h2>
<p>Add your content here</p>
[/c210_last]

Shortcode: Column Set 5

The Column Set 5 gives you a left column at 210 pixel wide plus a right column at 710 pixels with a 40 pixel space between each column:

[c210]
<h2>Column Set 5 (210px)</h2>
<p>Add your content here</p>
[/c210]

[c710_last]
<h2>Column Set 5 (710px)</h2>
<p>Add your content here</p>
[/c710_last]

Shortcode: Column Set 6

The Column Set 5 gives you a left column at 710 pixel wide plus a right column at 210 pixels with a 40 pixel space between each column:

[c710]
<h2>Column Set 6 (710px)</h2>
<p>Add your content here</p>
[/c710]

[c210_last]
<h2>Column Set 6 (210px)</h2>
<p>Add your content here</p>
[/c210_last]

Shortcode: Column Set 7

The Column Set 7 gives you a left column at 210 pixel wide plus a middle column at 460 pixels plus a right column at 210 pixels with a 40 pixel space between each column:

[c210]
<h2>Column Set 7 (210px)</h2>
<p>Add your content here</p>
[/c210]

[c460]
<h2>Column Set 7 (460px)</h2>
<p>Add your content here</p>
[/c460]

[c210_last]
<h2>Column Set 7 (210px)</h2>
<p>Add your content here</p>
[/c210_last]

Shortcode: Column Set 8

The Column Set 8 gives you a left column at 460 pixel wide plus two right columns at 210 pixels each with a 40 pixel space between each column:

[c460]
<h2>Column Set 8 (460px)</h2>
<p>Add your content here</p>
[/c460]

[c210]
<h2>Column Set 8 (210px)</h2>
<p>Add your content here</p>
[/c210]

[c210_last]
<h2>Column Set 8 (210px)</h2>
<p>Add your content here</p>
[/c210_last]

Shortcode: Column Set 9

The Column Set 9 gives you two left columns at 210 pixel wide plus a right column at 460 pixels with a 40 pixel space between each column:

[c210]
<h2>Column Set 9 (210px)</h2>
<p>Add your content here</p>
[/c210]

[c210]
<h2>Column Set 9 (210px)</h2>
<p>Add your content here</p>
[/c210]

[c460_last]
<h2>Column Set 9 (460px)</h2>
<p>Add your content here</p>
[/c460_last]