Shortcodes

[intense_panel]

Description

The panel shortcode can be used to put content in a box on your WordPress website. Because of its many options, it can also be used as a general layout element for page building.

Attributes

AttributeTypeDialog TitleDescriptionDefaultAvailable Values
idtextIDoptional - used to set the client-side ID
shadowshadowShadow
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
classtextCSS Class
rtlhiddenright-to-left
titletextText
title_tagdropdownTag -
h1 - h1
h2 - h2
h3 - h3
h4 - h4
h5 - h5
h6 - h6
title_colorcolor_advancedColorprimaryoption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
title_font_colorcolor_advancedFont Colorif left blank, either black or white will automatically be chosenoption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
colorcolor_advancedColor#ffffffoption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
font_colorcolor_advancedFont Colorif left blank, either black or white will automatically be chosenoption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
footertextFooter
footer_colorcolor_advancedFooter Colorprimaryoption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
footer_font_colorcolor_advancedFont Colorif left blank, either black or white will automatically be chosenoption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
borderborderAll Bordersstandard CSS border style
border_topborderTop Borderstandard CSS border style
border_rightborderRight Borderstandard CSS border style
border_bottomborderBottom Borderstandard CSS border style
border_leftborderLeft Borderstandard CSS border style
top_left_border_radiusborder_radiusTop Left Border Radius%, em, px - examples: 25% or 10em or 20px
top_right_border_radiusborder_radiusTop Right Border Radius%, em, px - examples: 25% or 10em or 20px
bottom_left_border_radiusborder_radiusBottom Left Border Radius%, em, px - examples: 25% or 10em or 20px
bottom_right_border_radiusborder_radiusBottom Right Border Radius%, em, px - examples: 25% or 10em or 20px
margin_toptextMargin Top
margin_bottomtextMargin Bottom10
margin_lefttextMargin Left
margin_righttextMargin Right
padding_toptextPadding Top
padding_bottomtextPadding Bottom
padding_lefttextPadding Left
padding_righttextPadding Right

Examples

[intense_panel title="Panel Shortcode" title_tag="h3" color="#ffffff" border="1px solid #1a8be2" top_left_border_radius="5px" top_right_border_radius="5px" bottom_left_border_radius="5px" bottom_right_border_radius="5px"]
A basic example with a colored title, rounded corners, and a border.
[/intense_panel]

[intense_panel title="Panel Shortcode" color="#e8e8e8" title_color="warning"]
[intense_image image="2146" align="left" title="Person9" size="square150" border_radius="30px" border="10px solid #e8e8e8"]
[intense_filler words="200"]
[/intense_panel]

[intense_row]
[intense_column size="4" medium_size="4" small_size="12" extra_small_size="12"]
[intense_panel title_tag="h2" title_color="#ffffff" color="#f2f2f2" footer="A panel with a footer and no title" padding_top="0" padding_bottom="0" padding_left="0" padding_right="0"]
[intense_image image="3183" size="medium500" title="unsplash_523c673a60106_1"]
[/intense_panel]
[/intense_column]
[intense_column size="4" medium_size="4" small_size="12" extra_small_size="12"]
[intense_panel title="Panel Shortcode" title_color="#333"]
[intense_filler words="65"]
[/intense_panel]
[/intense_column]
[intense_column size="4" medium_size="4" small_size="12" extra_small_size="12"]
[intense_panel shadow="7" title="Add anything to the body" title_color="error" padding_top="0" padding_bottom="0" padding_left="0" padding_right="0"]
[intense_map address="Golden Gate Bridge" height="225"]
[/intense_map]
[/intense_panel]
[/intense_column]
[/intense_row]