TinyMce Formats

Below are examples of the available Custom Formats

Located within the TinyMCE ribbon, the Format menu item > Formats > Custom Formats

Intro text is usually placed at the top of the page.

small-subtext-12px - when you need smaller text.

small-subtext-14px - when you need slightly smaller text.

no-margin-bottom when you need the item below to be as close as possible.

more-margin-bottom when you need the item below to be farther away.

less-margin-bottom when you need the item below to be as closer.

This link has chevron + link >>

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

Title With Top Border - combo with more margin bottom

Arial Text

Arial Text with H2 custom format

Arial Text with H3 custom format

Arial Text with H4 custom format

Arial Text with H5 custom format
Arial Text with H6 custom format

Arial Text with no H tag assigned
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam harum blanditiis itaque dolorum dolore.

  • Bullets
  • Bullets
  • Bullets

Buttons

To create a button:

  1. Select the LINK first by clicking on the chain icon
  2. Within the TinyMce ribbon, under the Format menu item, Format > Custom Formats > button style

White Buttons on a Dark Background

White Button

White Border With No Fill

Tag Link

Bullets

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.

Extra Large Text

Extra Large H1

Extra Large Zilla Slab

Extra Large Oswald

Different font colors can be chosen within formats

Grey Babson Green

Courtyard Green Grey

Babson Green Courtyard Green

Tables

courtyard-green-table Column 2 Column 3 Column 4 Column 5
Cell Cell Cell Cell Cell   Cell Cell Cell Cell
Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell
Cell Cell Cell Cell Cell

More Custom Formats

Bibliography text 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.

u-text__color 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.

alignment--center-block 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.

View Custom Formats Test Page