view docs

Miscellaneous Formatting

Here are some various shortcodes that will help you when editing your content.

Teaser Shortcode

Use the code below to create an emphasized teaser paragraph like this one.
Donec sed tellus eget sapien fringilla nonummy. Mauris a ante.
Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc.

[teaser]
Your text goes here. Donec sed tellus eget sapien fringilla nonummy.
Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc.
[/teaser]

The Fancy Ampersand & Shortcode

To create a fancy ampersand like this one & use the simple shortcode below

[fancy_amp]

Advanced Margin Control

The Shortcodes below can be very useful when your trying to get the spacing just right on a page.

[margin10]
[margin20]
[margin30]
[margin40]
[margin50]
[margin60]
[margin70]
[margin80]
[margin90]

Dividers

The following Shortcodes below can be very useful for better content organization. As you can see we’ve used them often throughout the demo server.

	//The following creates a simple divider line like the one below
	[divider]

	//The following creates a divider line like the one below with a link to top
	[divider_top]

	//The following is a useful shortcode for clearing floats
	[clearboth]
	//The following clears floats and adds padding
	[divider_padding]

Inline Style Shortcodes

By default it can be very difficult to create inline styles within a WordPress post or page. You would need to enter the styles in HTML mode and then often they are deleted when you save the post or even when you switch back to VISUAL mode. With our div and span shortcodes you can easily inject inline styles and edit them at any time easily in visual or HTML modes.

[div style="text-align:center"]...[/div]
[span style="font-size:10px;color:red"]...[/span]

The Hidden shortcode

Anything you put within this shortcode will be set to display:none.

[hidden]...[/hidden]