Panel content. You can use any HTML markup or even other shortcodes here.
[su_panel color="#F73F43" border="1px solid #F73F43" radius="3" text_align="center" url="#"]Panel content. You can use any <strong>HTML markup</strong> or even other shortcodes here.[/su_panel]
Panel content
Panel content
Panel content
[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]

This shortcode is available with the Extra Shortcodes add-on.

Description

This shortcode allows you to create flexible blocks with content.

Options

Option namePossible valuesDefault value
background
Panel background color
#HEX color#ffffff
color
Panel text color
#HEX color#333333
border
Panel border
CSS border shorthand property1px solid #cccccc
shadow
Panel shadow
CSS box/text-shadow shorthand property0px 1px 2px #eeeeee
radius
Panel border radius (px)
Number from 0 to 600
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 –