Using the pre-built shortcode button in your tesla’s WYSIWYG , it’s never been easier to use shortcodes.

1. Button Styles

small button
Large button
Special button

[small_button link="#"] small button [/small_button]
[large_button link="#"] Large button [/large_button]
[cta_button link="#"] Special button [/cta_button]
[arrow_link link="#"]Lorem ipsum arrow link[/arrow_link]

2. Information Boxes Styles

[warning_box]Insert your text here[/warning_box]

[download_box]Insert your text here[/download_box]

[note_box]Insert your text here[/note_box]

[info_box]Insert your text here[/info_box]

3. Standard Boxes

[simple_box]
<strong>Simple Box</strong>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.
Suspendisse urna nibh, viverra non, semper suscipit, viverra non,
semper  posuere a, pede.
[/simple_box]

[fancy_box]
<strong>Fancy Box</strong>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec odio.  Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.
Suspendisse urna nibh, viverra non, semper suscipit viverra non, semper,
posuere a, pede.
[/fancy_box]

[titled_box title="insert your title"]
Lorem ipsum  dolor sit amet, consectetuer adipiscing elit. Donec odio.
Quisque  volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse
urna  nibh,  semper suscipit, posuere a, pede.
[/titled_box]

4. Custom List Styles

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
• Aliquam tincidunt mauris eu risus.
• Vestibulum auctor dapibus neque.
• Nunc dignissim risus id metus.
• Cras ornare tristique elit.

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
• Aliquam tincidunt mauris eu risus.
• Vestibulum auctor dapibus neque.
• Nunc dignissim risus id metus.
• Cras ornare tristique elit.

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
• Aliquam tincidunt mauris eu risus.
• Vestibulum auctor dapibus neque.
• Nunc dignissim risus id metus.
• Cras ornare tristique elit.

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
• Aliquam tincidunt mauris eu risus.
• Vestibulum auctor dapibus neque.
• Nunc dignissim risus id metus.
• Cras ornare tristique elit.

[arrow_list]
<ul>
	<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
	<li>Aliquam tincidunt mauris eu risus.</li>
	<li>Vestibulum auctor dapibus neque.</li>
	<li>Nunc dignissim risus id metus.</li>
	<li>Cras ornare tristique elit.</li>
</ul>
[/arrow_list]

[circle_list]
<ul>
	<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
	<li>Aliquam tincidunt mauris eu risus.</li>
	<li>Vestibulum auctor dapibus neque.</li>
	<li>Nunc dignissim risus id metus.</li>
	<li>Cras ornare tristique elit.</li>
</ul>
[/circle_list]

[square_list]
<ul>
	<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
	<li>Aliquam tincidunt mauris eu risus.</li>
	<li>Vestibulum auctor dapibus neque.</li>
	<li>Nunc dignissim risus id metus.</li>
	<li>Cras ornare tristique elit.</li>
</ul>
[/square_list]

[check_list]
<ul>
	<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
	<li>Aliquam tincidunt mauris eu risus.</li>
	<li>Vestibulum auctor dapibus neque.</li>
	<li>Nunc dignissim risus id metus.</li>
	<li>Cras ornare tristique elit.</li>
</ul>
[/check_list]

5. Dropcaps

[dropcap1]1[/dropcap1]

[dropcap1]A[/dropcap1]

[dropcap2]1[/dropcap2]

[dropcap2]A[/dropcap2]

6. Divider Lines

Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit

[hr]

[hr_top]

7. Callout / Quote

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus

This is a pullquote. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus

This is a pullquote. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.John Smith

[callout_right]Nunc iaculis suscipit dui. Nam sit amet sem...[/callout_right]

[callout_left]Nunc iaculis suscipit dui. Nam sit amet sem....[/callout_left]

[pullquote]Nunc iaculis suscipit dui. Nam sit amet sem....[/pullquote]

8. Toggle Boxes

[toggle title="Toggle Title"]Insert your text here[/toggle]

[frame_toggle title="Toggle Title"]Insert your text here[/frame_toggle]

9. Text Highlights

Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum,Nam sit amet sem justo, eu volutpat enim diam eget metus Nunc iaculis suscipit dui. Nam sit amet sem. , imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentumNam sit amet sem, turpis mi volutpat justo, eu volutpat enim diam eget metus.

[yellow]Nam sit amet sem[/yellow]

[red]Nam sit amet sem[/red]

[black]Nam sit amet sem[/black]

10. Framed Images

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.

Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

[frame_center]URL here[/frame_center]

[frame_right]URL here[/frame_right]

[frame_left]URL here[/frame_left]

11. Image With Lightbox Effect

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.

[lightbox_image big_image_url="http://demo.highthemes.com/startup/wp-content/uploads/2010/10/srl_image.png"]
http://demo.highthemes.com/startup/wp-content/uploads/2010/10/srl_image.png [/lightbox_image]