Panel – Documentation – Shortcodes Ultimate

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

[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 in Shortcodes Ultimate Pro

Description

This shortcode allows you to create flexible blocks with content.

Options

background	Panel background color Possible values: #HEX color Default value: `#ffffff`
color	Panel text color Possible values: #HEX color Default value: `#333333`
border	Panel border Possible values: CSS border shorthand property Default value: `1px solid #cccccc`
padding	Panel padding (in pixels) Possible values: Number from 0 to 150 Default value: `15`
shadow	Panel shadow Possible values: CSS box/text-shadow shorthand property Default value: `0px 1px 2px #eeeeee`
radius	Panel border radius (px) Possible values: Number from 0 to 60 Default value: `0`
text_align	Text alignment for panel content Possible values: `left`, `center`, `right` Default value: `left`
url	You can type here any hyperlink to make this panel clickable
target	Choose link target Default value: `self`
class	Additional CSS class name(s) separated by space(s)

Helpful?

🤝 Thank you!