Available with Extra Shortcodes add-on.

This shortcode allows you to create flexible blocks with content.

Panel content. You can use any HTML markup or even other shortcodes here.
Panel content
Panel content
Panel content
[su_panel color="#F73F43" border="1px solid #F73F43" radius="3" text_align="center" url="https://getshortcodes.com/shortcodes/panel/"]Panel content. You can use any <strong>HTML markup</strong> or even other shortcodes here.[/su_panel]

[su_row]
[su_column size="1/3"]
[su_panel]Panel content[/su_panel]
[/su_column]
[su_column size="1/3"]
[su_panel]Panel content[/su_panel]
[/su_column]
[su_column size="1/3"]
[su_panel]Panel content[/su_panel]
[/su_column]
[/su_row]
Option name Possible values Default value
background
Panel background color
#HEX color #ffffff
color
Panel text color
#HEX color #333333
border
Panel border
CSS border shorthand property 1px solid #cccccc
shadow
Panel shadow
CSS box/text-shadow shorthand property 0px 1px 2px #eeeeee
radius
Panel border radius (px)
Number from 0 to 60 0
text_align
Text alignment for panel content
left (Left)
center (Center)
right (Right)
left
url
You can type here any hyperlink to make this panel clickable
Any text value

none

class
Additional CSS class name(s) separated by space(s)
CSS class name(s) separated by space(s)

none