Typography

Header One Text

Header Two Text

Header Three Text

Header Four Text

Header Five Text
Header Six Text

Shortcodes:

[h1]Header One Text[/h1]
[h2]Header Two Text[/h2]
[h3]Header Three Text[/h3]
[h4]Header Four Text[/h4]
[h5]Header Five Text[/h5]
[h6]Header Six Text[/h6]

Dropcaps

1 Lorem ipsum dolor sit amet, consec tetuer adipis cing elit, nibh euis mod tinc idunt ut lao reet dolore magna aliquam erat volut pat. Ut wisi enim ad minim veniam, quis nos trud exerci tation ullam corper suscipit lobor tis nisl ut aliquip ex ea commodo conse quat.

Shortcodes:

[dropcap]1[/dropcap] Lorem ipsum...

2 Lorem ipsum dolor sit amet, consec tetuer adipis cing elit, nibh euis mod tinc idunt ut lao reet dolore magna aliquam erat volut pat. Ut wisi enim ad minim veniam, quis nos trud exerci tation ullam corper suscipit lobor tis nisl ut aliquip ex ea commodo conse quat.

Shortcodes:

[boxdropcap]2[/boxdropcap] Text...

3 Lorem ipsum dolor sit amet, consec tetuer adipis cing elit, nibh euis mod tinc idunt ut lao reet dolore magna aliquam erat volut pat. Ut wisi enim ad minim veniam, quis nos trud exerci tation ullam corper suscipit lobor tis nisl ut aliquip ex ea commodo conse quat.

Shortcodes:

[boxdropcap color="red"]3[/boxdropcap]

4 Lorem ipsum dolor sit amet, consec tetuer adipis cing elit, nibh euis mod tinc idunt ut lao reet dolore magna aliquam erat volut pat. Ut wisi enim ad minim veniam, quis nos trud exerci tation ullam corper suscipit lobor tis nisl ut aliquip ex ea commodo conse quat.

Shortcodes:

[boxdropcap color="orange"]4[/boxdropcap]

Text Color

Lorem ipsum dolor sit amet, consec tetuer adipis cing elit, nibh euis mod tinc idunt ut lao reet dolore magna aliquam erat volut pat. Ut wisi enim ad minim veniam, quis nos trud exerci tation ullam corper suscipit lobor tis nisl ut aliquip ex ea commodo conse quat.

Shortcodes:

Lorem ipsum [color color="red"]Ut wisi[/color] ullam corper.

Text Highlight

Lorem ipsum dolor sit amet, consec tetuer adipis cing elit, nibh euis mod tinc idunt ut lao reet dolore magna aliquam erat volut pat. Ut wisi enim ad minim veniam, quis nos trud exerci tation ullam corper suscipit lobor tis nisl ut aliquip ex ea commodo conse quat.

Shortcodes:

Lorem ipsum [highlight color="red" textcolor="white"]Ut wisi[/highlight] ullam.

Tooltips

Lorem ipsum dolor sit amet, consec tetuer adipis cing elit, nibh euis mod tinc idunt ut lao reet dolore magna aliquam erat volut pat.Ut wisi enim ad minim veniam, quis nos trud exerci tation ullam corper suscipit lobor tis nisl ut aliquip ex ea commodo conse quat.

Shortcodes:

Lorem ipsum [tooltip tiptext="Text!" url="link-here"]Ut wisi[/tooltip] ullam.

Line Separators

Shortcodes:

[line]

Spacers

To insert extra space between elements it’s easy to use the following shortcodes:

Shortcodes:

[spacer] or [spacer_10] (both add 10px) or [spacer_20] (adds 20px)