Box

Pros
Integer cursus orci bibendum sem mollis, et bibendum diam sodales. Pellentesque eu suscipit magna, sed faucibus sem. Maecenas lacinia nulla vel risus molestie, in bibendum turpis congue.
[su_box title="Pros" style="default" box_color="#3be863" title_color="#FFFFFF" radius="3"]Integer cursus orci bibendum sem mollis, et bibendum diam sodales. Pellentesque eu suscipit magna, sed faucibus sem. Maecenas lacinia nulla vel risus molestie, in bibendum turpis congue.[/su_box]
Cons
Integer cursus orci bibendum sem mollis, et bibendum diam sodales. Pellentesque eu suscipit magna, sed faucibus sem. Maecenas lacinia nulla vel risus molestie, in bibendum turpis congue.
[su_box title="Cons" style="default" box_color="#F73F43" title_color="#FFFFFF" radius="0"]Integer cursus orci bibendum sem mollis, et bibendum diam sodales. Pellentesque eu suscipit magna, sed faucibus sem. Maecenas lacinia nulla vel risus molestie, in bibendum turpis congue.[/su_box]

Description

This shortcode allows you to create boxes with colorful titles. You can easily change box appearance. Also, you can place any HTML code or even other shortcodes within it.

Options

Option namePossible valuesDefault value
title
Text for the box title
Any text valueBox title
style
Box style preset
default (Default)
soft (Soft)
glass (Glass)
bubbles (Bubbles)
noise (Noise)
default
box_color
Color for the box title and borders
#HEX color#333333
title_color
Color for the box title text
#HEX color#FFFFFF
radius
Box corners radius
Number from 0 to 203
class
Additional CSS class name(s) separated by space(s)
CSS class name(s) separated by space(s)– none –
id
Enter a word or two, without spaces, to make a unique web address just for this element. Then, you’ll be able to link directly to this section of your page.
Any text value– none –
Helpful?
🤝 Thank you!