Typography Shortcodes
[teaser]The backbone of a theme rests on it’s abilities with type. Most of your content will be text, and a theme with strong abilities to make it look great is a valuable asset. To start off with…this is actually an example of the teaser shortcode! It’s called a teaser shortcode and it’s larger and lighter text that helps lead in to pages and posts.[/teaser]
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][teaser]Text text text.[/teaser][/code_line]
[/code_table]
[/toggle_box]
[line]
[h4]Dropcaps[/h4]
[column_one_half]
[dropcap]1[/dropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][dropcap]1[/dropcap]Text text text.[/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[column_one_half]
[boxdropcap]2[/boxdropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][boxdropcap]2[/boxdropcap]Text text text.[/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[line]
[column_one_half]
[boxdropcap color=”dark” textcolor=”grey”]3[/boxdropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][boxdropcap color=”dark” textcolor=”grey”]3[/boxdropcap][/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[column_one_half]
[boxdropcap color=”red”]4[/boxdropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][boxdropcap color=”red”]4[/boxdropcap]Text text text.[/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[line]
[column_one_half]
[boxdropcap color=”maroon”]5[/boxdropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][boxdropcap color=”maroon”]5[/boxdropcap]Text text text.[/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[column_one_half]
[boxdropcap color=”orange”]6[/boxdropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][boxdropcap color=”orange”]6[/boxdropcap]Text text text.[/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[line]
[column_one_half]
[boxdropcap color=”yellow”]7[/boxdropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][boxdropcap color=”yellow”]7[/boxdropcap]Text text text.[/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[column_one_half]
[boxdropcap color=”green”]8[/boxdropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][boxdropcap color=”green”]8[/boxdropcap]Text text text.[/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[line]
[column_one_half]
[boxdropcap color=”olive”]9[/boxdropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][boxdropcap color=”olive”]9[/boxdropcap]Text text text.[/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[column_one_half]
[boxdropcap color=”teal”]10[/boxdropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][boxdropcap color=”teal”]10[/boxdropcap]Text text text.[/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[line]
[column_one_half]
[boxdropcap color=”blue”]11[/boxdropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][boxdropcap color=”blue”]11[/boxdropcap]Text text text.[/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[column_one_half]
[boxdropcap color=”navy”]12[/boxdropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][boxdropcap color=”navy”]12[/boxdropcap]Text text text.[/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[line]
[column_one_half]
[boxdropcap color=”purple”]13[/boxdropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][boxdropcap color=”purple”]13[/boxdropcap]Text text text.[/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[column_one_half]
[boxdropcap color=”stone”]14[/boxdropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][boxdropcap color=”stone”]14[/boxdropcap]Text text text.[/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[line]
[column_one_half]
[boxdropcap color=”cream”]15[/boxdropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][boxdropcap color=”cream”]15[/boxdropcap]Text text text.[/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[column_one_half]
[boxdropcap color=”grey”]16[/boxdropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][boxdropcap color=”grey”]16[/boxdropcap]Text text text.[/code_line]
[/code_table]
[/toggle_box]
[/column_one_half]
[line]
[h4]Text Color and Highlights[/h4]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet [color color=”#B40A6E”]dolore magna aliquam erat volutpat[/color]. Ut wisi enim ad minim veniam, quis nostrud [highlight color=”#B40A6E” textcolor=”#FDD7EE”]exerci tation ullamcorper suscipit lobortis nisl ut aliquip[/highlight] ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]text [color color=”#B40A6E”]text[/color] text [highlight color=”#B40A6E” textcolor=”#FDD7EE”]text[/highlight] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet [color color=”red”]dolore magna aliquam erat volutpat[/color]. Ut wisi enim ad minim veniam, quis nostrud [highlight color=”red” textcolor=”white”]exerci tation ullamcorper suscipit lobortis nisl ut aliquip[/highlight] ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]text [color color=”red”]text[/color] text [highlight color=”red” textcolor=”white”]text[/highlight] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet [color color=”maroon”]dolore magna aliquam erat volutpat[/color]. Ut wisi enim ad minim veniam, quis nostrud [highlight color=”maroon” textcolor=”white”]exerci tation ullamcorper suscipit lobortis nisl ut aliquip[/highlight] ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]text [color color=”maroon”]text[/color] text [highlight color=”maroon” textcolor=”white”]text[/highlight] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet [color color=”orange”]dolore magna aliquam erat volutpat[/color]. Ut wisi enim ad minim veniam, quis nostrud [highlight color=”orange” textcolor=”white”]exerci tation ullamcorper suscipit lobortis nisl ut aliquip[/highlight] ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]text [color color=”orange”]text[/color] text [highlight color=”orange” textcolor=”white”]text[/highlight] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet [color color=”yellow”]dolore magna aliquam erat volutpat[/color]. Ut wisi enim ad minim veniam, quis nostrud [highlight color=”yellow” textcolor=”white”]exerci tation ullamcorper suscipit lobortis nisl ut aliquip[/highlight] ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]text [color color=”yellow”]text[/color] text [highlight color=”yellow” textcolor=”white”]text[/highlight] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet [color color=”green”]dolore magna aliquam erat volutpat[/color]. Ut wisi enim ad minim veniam, quis nostrud [highlight color=”green” textcolor=”white”]exerci tation ullamcorper suscipit lobortis nisl ut aliquip[/highlight] ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]text [color color=”green”]text[/color] text [highlight color=”green” textcolor=”white”]text[/highlight] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet [color color=”olive”]dolore magna aliquam erat volutpat[/color]. Ut wisi enim ad minim veniam, quis nostrud [highlight color=”olive” textcolor=”white”]exerci tation ullamcorper suscipit lobortis nisl ut aliquip[/highlight] ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]text [color color=”olive”]text[/color] text [highlight color=”olive” textcolor=”white”]text[/highlight] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet [color color=”teal”]dolore magna aliquam erat volutpat[/color]. Ut wisi enim ad minim veniam, quis nostrud [highlight color=”teal” textcolor=”white”]exerci tation ullamcorper suscipit lobortis nisl ut aliquip[/highlight] ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]text [color color=”teal”]text[/color] text [highlight color=”teal” textcolor=”white”]text[/highlight] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet [color color=”blue”]dolore magna aliquam erat volutpat[/color]. Ut wisi enim ad minim veniam, quis nostrud [highlight color=”blue” textcolor=”white”]exerci tation ullamcorper suscipit lobortis nisl ut aliquip[/highlight] ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]text [color color=”blue”]text[/color] text [highlight color=”blue” textcolor=”white”]text[/highlight] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet [color color=”navy”]dolore magna aliquam erat volutpat[/color]. Ut wisi enim ad minim veniam, quis nostrud [highlight color=”navy” textcolor=”white”]exerci tation ullamcorper suscipit lobortis nisl ut aliquip[/highlight] ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]text [color color=”navy”]text[/color] text [highlight color=”navy” textcolor=”white”]text[/highlight] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet [color color=”purple”]dolore magna aliquam erat volutpat[/color]. Ut wisi enim ad minim veniam, quis nostrud [highlight color=”purple” textcolor=”white”]exerci tation ullamcorper suscipit lobortis nisl ut aliquip[/highlight] ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]text [color color=”purple”]text[/color] text [highlight color=”purple” textcolor=”white”]text[/highlight] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet [color color=”stone”]dolore magna aliquam erat volutpat[/color]. Ut wisi enim ad minim veniam, quis nostrud [highlight color=”stone” textcolor=”white”]exerci tation ullamcorper suscipit lobortis nisl ut aliquip[/highlight] ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]text [color color=”stone”]text[/color] text [highlight color=”stone” textcolor=”white”]text[/highlight] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet [color color=”cream”]dolore magna aliquam erat volutpat[/color]. Ut wisi enim ad minim veniam, quis nostrud [highlight color=”cream” textcolor=”white”]exerci tation ullamcorper suscipit lobortis nisl ut aliquip[/highlight] ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]text [color color=”cream”]text[/color] text [highlight color=”cream” textcolor=”white”]text[/highlight] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet [color color=”grey”]dolore magna aliquam erat volutpat[/color]. Ut wisi enim ad minim veniam, quis nostrud [highlight color=”grey” textcolor=”white”]exerci tation ullamcorper suscipit lobortis nisl ut aliquip[/highlight] ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]text [color color=”grey”]text[/color] text [highlight color=”grey” textcolor=”white”]text[/highlight] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet [color color=”dark”]dolore magna aliquam erat volutpat[/color]. Ut wisi enim ad minim veniam, quis nostrud [highlight color=”dark” textcolor=”white”]exerci tation ullamcorper suscipit lobortis nisl ut aliquip[/highlight] ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]text [color color=”dark”]text[/color] text [highlight color=”dark” textcolor=”white”]text[/highlight] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
[h4]Tooltips[/h4]
[tooltip tiptext=”hover text here” url=”#”]link text here[/tooltip]
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line][tooltip tiptext=”hover text here” url=”http://the-url-to-go-to.com”]link text here[/tooltip][/code_line]
[/code_table]
[/toggle_box]
[line]
[h4]Links[/h4]
Text text text [link url=”#”]link text here[/link] text.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]Text text text [link url=”http://the-url-to-go-to.com”]link text here[/link] text.[/code_line]
[/code_table]
[/toggle_box]
[line]
[h4]Line Separator and Spacers[/h4]
Line shortcode. Text above.
[line]
Text below.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]Line shortcode. Text above.[/code_line]
[code_line][line][/code_line]
[code_line]Text below.[/code_line]
[/code_table]
[/toggle_box]
[line]
Spacer shortcode (extra 10 pixels of spacing, multiple can be used to multiply spacing). Text above.
[spacer]
Text below.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]Spacer shortcode. Text above.[/code_line]
[code_line][spacer][/code_line]
[code_line]Text below.[/code_line]
[/code_table]
[/toggle_box]
[line]
Spacer 20 shortcode (extra 20 pixels of spacing, multiple can be used to multiply spacing). Text above.
[spacer_20]
Text below.
[toggle_box title=”See The Shortcodes”]
[code_table]
[code_line]Spacer 20 shortcode. Text above.[/code_line]
[code_line][spacer_20][/code_line]
[code_line]Text below.[/code_line]
[/code_table]
[/toggle_box]