{"id":44060,"date":"2026-05-21T14:45:05","date_gmt":"2026-05-21T14:45:05","guid":{"rendered":"https:\/\/getshortcodes.com\/?post_type=demo-modal&p=44060"},"modified":"2026-05-22T10:32:30","modified_gmt":"2026-05-22T10:32:30","slug":"box","status":"publish","type":"demo-modal","link":"https:\/\/getshortcodes.com\/demo-modal\/box\/","title":{"rendered":"Box"},"content":{"rendered":"\n

Various Colors<\/h2>\n\n\n
Pros<\/div>
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.<\/div><\/div>\n
Cons<\/div>
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.<\/div><\/div>\n\n\n\n
Shortcode<\/summary>\n
[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]\n\n[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]<\/code><\/pre>\n<\/details>\n\n\n\n
Combined with Columns<\/h2>\n\n\n
\n
\n
Pros<\/div>
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.<\/div><\/div>\n<\/div><\/div>\n
\n
Cons<\/div>
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.<\/div><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n
Shortcode<\/summary>\n
<\/code><\/pre>\n<\/details>\n\n\n\n
Box Styles<\/h2>\n\n\n
Box Style: Default<\/div>
 Box Content <\/div><\/div>\n
Box Style: Soft<\/div>
 Box Content <\/div><\/div>\n
Box Style: Glass<\/div>
 Box Content <\/div><\/div>\n
Box Style: Bubbles<\/div>
 Box Content <\/div><\/div>\n
Box Style: Noise<\/div>
 Box Content <\/div><\/div>\n\n\n\n
Shortcode<\/summary>\n
[su_box title=\"Box Style: Default\" style=\"default\"] Box Content [\/su_box]\n\n[su_box title=\"Box Style: Soft\" style=\"soft\"] Box Content [\/su_box]\n\n[su_box title=\"Box Style: Glass\" style=\"glass\"] Box Content [\/su_box]\n\n[su_box title=\"Box Style: Bubbles\" style=\"bubbles\"] Box Content [\/su_box]\n\n[su_box title=\"Box Style: Noise\" style=\"noise\"] Box Content [\/su_box]<\/code><\/pre>\n<\/details>\n\n\n\n
Custom Border Radius<\/h2>\n\n\n
Box Title<\/div>
 Box Content <\/div><\/div>\n
Box Title<\/div>
 Box Content <\/div><\/div>\n\n\n\n
Shortcode<\/summary>\n
[su_box title=\"Box Title\" style=\"bubbles\" radius=\"0\"] Box Content [\/su_box]\n\n[su_box title=\"Box Title\" style=\"bubbles\" radius=\"12\"] Box Content [\/su_box]<\/code><\/pre>\n<\/details>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"class_list":["post-44060","demo-modal","type-demo-modal","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo-modal\/44060","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo-modal"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/demo-modal"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=44060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}