Layout - Shortcodes: Divider
Thursday, February 12, 2015 2:15 AMShortcodes
[intense_divider]
Description
Adds a divider that can be used to separate content. There are several different divider types to choose from. Some of the dividers have multiple colors that can be set. A divider can show at the top or bottom of an element. The parent element needs to have a relative position CSS style.
Attributes
intense_divider
| Attribute | Type | Dialog Title | Description | Default | Available Values |
|---|---|---|---|---|---|
| id | text | ID | optional - used to set the client-side ID | ||
| type | dropdown | Type | - boxes - Boxes circle-big - Circle Big circle-edge - Circle Edge circle - Circle clouds - Clouds curve-big - Curve Big curve-left - Curve Left curve-right - Curve Right diagonal-left - Diagonal Left diagonal-right - Diagonal Right diamond-tripple - Diamond - Tripple diamond - Diamond round-edge - Round Edge round-split-shadow - Round Split Shadow round-split - Round Split triangle-big-centered - Triangle Big - Centered triangle-big-inverse - Triangle Big - Inverse triangle-big-left - Triangle Big - Left triangle-big-right - Triangle Big - Right triangle-big-shadow-left - Triangle Big Shadow - Left triangle-big-shadow-right - Triangle Big Shadow - Right triangle - Triangle waves - Waves zigzag-castle - Zigzag Castle zigzag-incline - Zigzag Incline zigzag - Zigzag | ||
| location | dropdown | Location | top - Top bottom - Bottom | ||
| primary_color | color_advanced | Primary Color | option colors - primary, error, info, inverse, muted, success, warning, link web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors) | ||
| secondary_color | color_advanced | Secondary Color | may not apply to most divider types | option colors - primary, error, info, inverse, muted, success, warning, link web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors) | |
| tertiary_color | color_advanced | Tertiary Color | may not apply to most divider types | option colors - primary, error, info, inverse, muted, success, warning, link web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors) | |
| class | text | CSS Class |
Examples
<div style="position: relative">
[intense_divider type="diagonal-left" location="top" primary_color="#ccc"]
[intense_alert color="#efefef" margin_bottom="0" padding_top="100" padding_bottom="100"]
[intense_filler paragraphs="3"]
[/intense_alert]
[intense_divider type="diagonal-left" location="bottom" primary_color="#ccc"]
</div>