{"id":33944,"date":"2019-03-04T09:20:56","date_gmt":"2019-03-04T09:20:56","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&p=33944"},"modified":"2020-10-21T13:37:15","modified_gmt":"2020-10-21T13:37:15","slug":"box","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/box\/","title":{"rendered":"Box"},"content":{"rendered":"
\n\t
\n\t\t
\n
Pros<\/div>\n
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>\n<\/div>\n\t<\/div>\n\t
\n\t\t
"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><\/pre>\n\t<\/div>\n<\/div>\n\n\n
\n\t
\n\t\t
\n
Cons<\/div>\n
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>\n<\/div>\n\t<\/div>\n\t
\n\t\t
"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><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n
Description<\/h2>\n\n\n\n
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.<\/p>\n\n\n\n
Options<\/h2>\n\n\n\n
Option name<\/th>Possible values<\/th>Default value<\/th><\/tr>
title<\/strong>
Text for the box title<\/small><\/td>		Any text value<\/td>Box title<\/td><\/tr>
style<\/strong>
Box style preset<\/small><\/td>		default (Default)
soft (Soft)
glass (Glass)
bubbles (Bubbles)
noise (Noise)<\/td>		default<\/td><\/tr>
box_color<\/strong>
Color for the box title and borders<\/small><\/td>		#HEX color<\/td>#333333<\/td><\/tr>
title_color<\/strong>
Color for the box title text<\/small><\/td>		#HEX color<\/td>#FFFFFF<\/td><\/tr>
radius<\/strong>
Box corners radius<\/small><\/td>		Number from 0 to 20<\/td>3<\/td><\/tr>
class<\/strong>
Additional CSS class name(s) separated by space(s)<\/small><\/td>		CSS class name(s) separated by space(s)<\/td>\u2013 none \u2013<\/em><\/td><\/tr>
id<\/strong>
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.<\/small><\/td>		Any text value<\/td>\u2013 none \u2013<\/em><\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"featured_media":36649,"template":"","docs_category":[21],"class_list":["post-33944","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_category-shortcodes"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/docs"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media\/36649"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33944"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}