Layout - Shortcodes: Panel

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

Attribute	Type	Dialog Title	Description	Default	Available Values
id	text	ID	optional - used to set the client-side ID
shadow	shadow	Shadow			0 1 2 3 4 5 6 7 8 9 10 11 12 13 14
class	text	CSS Class
rtl	hidden		right-to-left
title	text	Text
title_tag	dropdown	Tag			- h1 - h1 h2 - h2 h3 - h3 h4 - h4 h5 - h5 h6 - h6
title_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)
title_font_color	color_advanced	Font Color	if left blank, either black or white will automatically be chosen		option colors - primary, error, info, inverse, muted, success, warning, link web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
color	color_advanced	Color		#ffffff	option colors - primary, error, info, inverse, muted, success, warning, link web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
font_color	color_advanced	Font Color	if left blank, either black or white will automatically be chosen		option colors - primary, error, info, inverse, muted, success, warning, link web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
footer	text	Footer
footer_color	color_advanced	Footer 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)
footer_font_color	color_advanced	Font Color	if left blank, either black or white will automatically be chosen		option colors - primary, error, info, inverse, muted, success, warning, link web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
border	border	All Borders			standard CSS border style
border_top	border	Top Border			standard CSS border style
border_right	border	Right Border			standard CSS border style
border_bottom	border	Bottom Border			standard CSS border style
border_left	border	Left Border			standard CSS border style
top_left_border_radius	border_radius	Top Left Border Radius			%, em, px - examples: 25% or 10em or 20px
top_right_border_radius	border_radius	Top Right Border Radius			%, em, px - examples: 25% or 10em or 20px
bottom_left_border_radius	border_radius	Bottom Left Border Radius			%, em, px - examples: 25% or 10em or 20px
bottom_right_border_radius	border_radius	Bottom Right Border Radius			%, em, px - examples: 25% or 10em or 20px
margin_top	text	Margin Top
margin_bottom	text	Margin Bottom		10
margin_left	text	Margin Left
margin_right	text	Margin Right
padding_top	text	Padding Top
padding_bottom	text	Padding Bottom
padding_left	text	Padding Left
padding_right	text	Padding 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]