Typography
Header One Text
Header Two Text
Header Three Text
Header Four Text
Header Five Text
Header Six Text
[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.
[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.
[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.
[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.
[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.
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.
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.
Lorem ipsum [tooltip tiptext="Text!" url="link-here"]Ut wisi[/tooltip] ullam. |
Line Separators
Spacers
To insert extra space between elements it’s easy to use the following shortcodes:
[spacer] or [spacer_10] (both add 10px) or [spacer_20] (adds 20px) |