“Formats” Dropdown Button Styles

Dropcap text. Apply this format on the paragraph itself. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat voltu.

Heading style 1

Uppercase text. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse.

Heading style 2 on paragraph text

Ut wisi enim ad minim veniam, highlighted text here, quis nostrud exerci tation ullamcorper, small text here, suscipit lobortis nisl ut aliquip ex ea commodo consequat, superscript, subscript.

Heading style 3 on paragraph text

Heading style texts can be used to force heading 1-3 display style on a different element, such as paragraph or any of HTML heading tags. Thus allows keeping the semantic markup, but styling it a bit differently.

Display 1 heading

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

Display 1 paragraph

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

Display 2 heading

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

Display 2 paragraph

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

Display 3 heading

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

Display 3 paragraph

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

Display 4 heading

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

Display 4 paragraph

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

Heading with altered font weight

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

Display 2 text with altered font weight

Easy creating pullquotes and inserting quote <cite> tags.
by Author

Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.

"Style guide" table of contents

  1. Style guide
  2. Quotes
  3. List Items
  4. Code Formatting, Tables, Highlighted Text and Address
  5. Images and Gallery
  6. "Formats" Dropdown Button Styles
Skip to content