Shortcodes

[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

AttributeTypeDialog TitleDescriptionDefaultAvailable Values
idtextIDoptional - used to set the client-side ID
typedropdownType -
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
locationdropdownLocationtop - Top
bottom - Bottom
primary_colorcolor_advancedPrimary Coloroption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
secondary_colorcolor_advancedSecondary Colormay not apply to most divider typesoption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
tertiary_colorcolor_advancedTertiary Colormay not apply to most divider typesoption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
classtextCSS 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>