Typography - Shortcodes: Emphasis
Thursday, May 14, 2015 10:35 PMShortcodes
[intense_emphasis]
Description
Adds an emphasis paragraph or span to your posts and pages. The emphasis shortcode adds a colored paragraph or span which can be useful for making a paragraph stand out. Often this is used to highlight the first or last paragraph of text. It is also useful in the middle of text if you want to draw attention to a paragraph.
Attributes
| Attribute | Type | Dialog Title | Description | Default | Available Values |
|---|---|---|---|---|---|
| id | text | ID | optional - used to set the client-side ID | ||
| color | color_advanced | Color | primary | option colors - primary, error, info, inverse, muted, success, warning, link web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors) | |
| tag | dropdown | HTML Tag | p | p - <p> - Paragraph span - <span> - Span | |
| class | text | CSS Class |
Examples
[intense_emphasis color="primary" tag="span"]Nulla tristique rhoncus bibendum. Morbi feugiat tempus ligula in posuere.[/intense_emphasis]
[intense_emphasis color="inverse"]Nulla tristique rhoncus bibendum. Morbi feugiat tempus ligula in posuere.[/intense_emphasis]
[intense_emphasis color="muted"]Nulla tristique rhoncus bibendum. Morbi feugiat tempus ligula in posuere.[/intense_emphasis]
[intense_emphasis color="warning"]Nulla tristique rhoncus bibendum. Morbi feugiat tempus ligula in posuere.[/intense_emphasis]
[intense_emphasis color="error"]Nulla tristique rhoncus bibendum. Morbi feugiat tempus ligula in posuere.[/intense_emphasis]
[intense_emphasis color="info"]Nulla tristique rhoncus bibendum. Morbi feugiat tempus ligula in posuere.[/intense_emphasis]
[intense_emphasis color="success"]Nulla tristique rhoncus bibendum. Morbi feugiat tempus ligula in posuere.[/intense_emphasis]
[intense_emphasis color="#FACADE"]Nulla tristique rhoncus bibendum. Morbi feugiat tempus ligula in posuere.[/intense_emphasis]