TinyMce Formats

Customs Formats can be found within the TinyMCE ribbon - Formats > Custom Formats.

Intro text with span paragraph 1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Intro text with span paragraph 2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Intro text with with span

Intro text - legacy

Title With Top Border with span

Title With Top Border - legacy

Title With Top Border with span - combo with more margin bottom

Bibliography with span

Bibliography - legacy

u-text__color with span

u-text__color - legacy

small-subtext-12px with span ---- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

small-subtext-12px - legacy ---- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

small-subtext-14px with span ---- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

small-subtext-14px - legacy ---- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

no-margin-bottom with span

no-margin-bottom - legacy

more-margin-bottom with span

more-margin-bottom - legacy

less-margin-bottom with span

less-margin-bottom - legacy

less line height with span - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

less line height - legacy - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

has chevron + link with span >>

has chevron + link - legacy >>

has chevron image + link with span
The "has-chevron-image" adds an image of the green chevron at the end the link.

has chevron image + link - legacy

alignment--center-block with span

alignment--center-block - legacy

Heading 2 with span - no bottom-margin

Heading 2 - legacy - no bottom-margin

Heading 3 with span - no bottom-margin

Heading 3 - legacy - no bottom-margin

Heading 4 with span - no bottom-margin

Heading 4 - legacy - no bottom-margin

Heading 5 with span - no bottom-margin

Heading 5 - legacy - no bottom-margin

Heading 6 with span - no bottom-margin

Heading 6 - legacy - no bottom-margin

Bullets with span

• Bulleted list of items
• Bulleted list of items
  • Bulleted list of items
  • Bulleted list of items
    • Bulleted list of items
  • Bulleted list of items
• Bulleted list of items

1. Numbered list of items
2. Numbered list of items
   1. Numbered list of items
   2. Numbered list of items
      1. Numbered list of items
   3. Numbered list of items
3. Numbered list of items

Paragraph with no-margin-bottom that has a bulleted list of items within it, but doesn't want a margin-bottom at the last bullet.

• Bulleted list of items
• Bulleted list of items
• Bulleted with no-margin-bottom

Paragraph right after a bulleted list that has no-margin-bottom.

Testing - font color can be chosen within formats

Extra Large H1

Extra Large Zilla Slab

Extra Large Oswald