[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 – |