[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]
[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]
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.
| Option name | Possible values | Default value |
|---|---|---|
| title Text for the box title | Any text value | Box 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 20 | 3 |
| 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 – |