Formats button styles preview

Preview the post editor custom "Formats" dropdown button functionality for some additional styles the theme provides out of the box.
The Story Doctor

"Formats button styles preview" table of contents

  1. Formats button styles preview
  2. Display text sizes
  3. Text weights
  4. Quotes, pullquotes and cites
  5. Text columns
  6. Buttons
  7. Outdented content

Text styles

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

H3 with Heading 1 style

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

Paragraph with Heading 2 style

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

Paragraph with Heading 3 style

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.

"Formats button styles preview" table of contents

  1. Formats button styles preview
  2. Display text sizes
  3. Text weights
  4. Quotes, pullquotes and cites
  5. Text columns
  6. Buttons
  7. Outdented content