Card Simple Text Centered Within TinyMce
Formatting Text
Styling options
Below are Custom Formats available within the TinyMCE ribbon. Click on the Format menu item > Formats > Custom Formats.
Available for
Any Content Type with a WYSIWYG text block
Custom Format
Intro text
Intro text is usually placed at the top of the page. 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.
Custom Format
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
Custom Format
Section Label
Section Label
Custom Formats
Subtexts + Margin Bottoms
small-subtext-14px makes font-size: 14px.
small-subtext-12px makes font-size: 12px for rare occasions as it is recommended to keep text above 14px.
no-margin-bottom removes the margin-bottom from the text block. For when you need the item below to be as close as possible.
more-margin-bottom adds extra margin-bottom to the text block. For when you need the item below to be farther away.
less-margin-bottom reduces the margin-bottom from the text block. For when you need the item below to be as closer.
Extra text block to display the margin bottom from the text block above.
Custom Formats
Has Chevrons
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.
Custom Formats
Images
Custom Format
Title With Top Border
Title With Top Border
The format makes the text uppercase and color Peacock Blue Dark. The Custom Format "less-margin-bottom" is also added the uppercase line, to bring this paragraph closer
Custom Formats
Buttons
To create a button:
- Select the LINK first by clicking on the chain icon
- Within the TinyMce ribbon, under the Format menu item, Format > Custom Formats > choose button style
White Buttons on a Dark Background
Custom Formats
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
Custom Formats
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
- Numbered list of items
- Numbered list of items
- Numbered list of items
- Numbered list of items
- Numbered list of items
- Numbered list of items
- 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.
Custom Formats
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 |
Tables
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.
Custom Formats Test Page