{"id":72,"date":"2017-01-31T01:38:45","date_gmt":"2017-01-31T01:38:45","guid":{"rendered":"http:\/\/tommustester.wpengine.com\/?page_id=72"},"modified":"2017-01-31T01:38:45","modified_gmt":"2017-01-31T01:38:45","slug":"boxes","status":"publish","type":"page","link":"https:\/\/psdev2.com\/blog\/elements\/boxes","title":{"rendered":"Elements &#8211; Boxes"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221;][vc_column][stack_hero image=&#8221;38&#8243;][vc_column_text]<\/p>\n<h1>Boxes<\/h1>\n<p class=\"lead\">These modular elements can be readily used and customized across pages and in different blocks.<\/p>\n<hr class=\"short\" \/>\n<p>Explore all of Stack&#8217;s modular elements<br \/>\nat the\u00a0<a href=\"\/elements\/\">Element Index Page \u2192<\/a>[\/vc_column_text][\/stack_hero][\/vc_column][\/vc_row][vc_section][vc_row css=&#8221;.vc_custom_1485825445121{margin-bottom: 30px !important;}&#8221;][vc_column width=&#8221;6\/12&#8243;][stack_boxed_content padding=&#8221;boxed&#8211;lg&#8221; background=&#8221;bg&#8211;secondary&#8221;][vc_column_text]<\/p>\n<h4>Boxed Content<\/h4>\n<p>Wrap any content inside\u00a0.boxed\u00a0and\u00a0.boxed&#8211;border\u00a0to give the content some extra padding.[\/vc_column_text][\/stack_boxed_content][\/vc_column][vc_column width=&#8221;1\/12&#8243;][\/vc_column][vc_column width=&#8221;4\/12&#8243;][stack_boxed_content][vc_column_text]<\/p>\n<h5>Modern Aesthetic<\/h5>\n<p>Build a beautifully performant site with Stack&#8217;s vast collection of modular elements.<\/p>\n<p><a class=\"btn btn--primary\" href=\"#\">Build Now<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content background=&#8221;bg&#8211;dark&#8221;][vc_column_text]<\/p>\n<h5>Modern Aesthetic<\/h5>\n<p>Build a beautifully performant site with Stack&#8217;s vast collection of modular elements.<\/p>\n<p><a class=\"btn btn--primary\" href=\"#\">Build Now<\/a>[\/vc_column_text][\/stack_boxed_content][\/vc_column][vc_column width=&#8221;1\/12&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row css=&#8221;.vc_custom_1485825445121{margin-bottom: 30px !important;}&#8221;][vc_column width=&#8221;6\/12&#8243;][stack_boxed_content padding=&#8221;boxed&#8211;lg&#8221; background=&#8221;bg&#8211;secondary&#8221;][vc_column_text]<\/p>\n<h4>Boxed Content Modifiers<\/h4>\n<p>Boxes can be modified in a number of ways:<\/p>\n<ul>\n<li><strong>.boxed&#8211;lg<\/strong> &#8211; increase the padding inside the box<\/li>\n<li><strong>.bg&#8211;primary,dark,secondary<\/strong> &#8211; use Stack&#8217;s background classes to adjust box background colour<\/li>\n<li><strong>.box-shadow<\/strong> &#8211; add a box shadow to the boxed content<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/stack_boxed_content][\/vc_column][vc_column width=&#8221;1\/12&#8243;][\/vc_column][vc_column width=&#8221;4\/12&#8243;][stack_boxed_content background=&#8221;bg&#8211;secondary&#8221; shadow=&#8221;box-shadow&#8221;][vc_column_text]<\/p>\n<h5>Modern Aesthetic<\/h5>\n<p>Build a beautifully performant site with Stack&#8217;s vast collection of modular elements.<\/p>\n<p><a class=\"btn btn--primary\" href=\"#\">Build Now<\/a>[\/vc_column_text][\/stack_boxed_content][stack_boxed_content background=&#8221;bg&#8211;primary&#8221; shadow=&#8221;box-shadow&#8221;][vc_column_text]<\/p>\n<h5>Modern Aesthetic<\/h5>\n<p>Build a beautifully performant site with Stack&#8217;s vast collection of modular elements.<\/p>\n<p><a class=\"btn btn--primary\" href=\"#\">Build Now<\/a>[\/vc_column_text][\/stack_boxed_content][\/vc_column][vc_column width=&#8221;1\/12&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_row][vc_column][vc_column_text]<\/p>\n<h2 style=\"text-align: center;\">Looking for styled box sections?<\/h2>\n<p style=\"text-align: center;\"><a class=\"btn btn--primary type--uppercase\" href=\"\/sections\/features-small\/\">VIEW FEATURE SECTIONS<\/a><\/p>\n<p class=\"type--fine-print\" style=\"text-align: center;\">or try the\u00a0<a href=\"http:\/\/tommusrhodus.theme-demo.net\/stackwordpresstheme\" target=\"_blank\">admin demo \u2197<\/a><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221;][vc_column][stack_hero image=&#8221;38&#8243;][vc_column_text] Boxes These modular elements can be readily used and customized across pages and in different blocks. Explore all of Stack&#8217;s modular elements at the\u00a0Element Index Page \u2192[\/vc_column_text][\/stack_hero][\/vc_column][\/vc_row][vc_section][vc_row css=&#8221;.vc_custom_1485825445121{margin-bottom: 30px !important;}&#8221;][vc_column width=&#8221;6\/12&#8243;][stack_boxed_content padding=&#8221;boxed&#8211;lg&#8221; background=&#8221;bg&#8211;secondary&#8221;][vc_column_text] Boxed Content Wrap any content inside\u00a0.boxed\u00a0and\u00a0.boxed&#8211;border\u00a0to give the content some extra padding.[\/vc_column_text][\/stack_boxed_content][\/vc_column][vc_column width=&#8221;1\/12&#8243;][\/vc_column][vc_column width=&#8221;4\/12&#8243;][stack_boxed_content][vc_column_text] Modern Aesthetic Build a beautifully [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":33,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/pages\/72"}],"collection":[{"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":0,"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/pages\/33"}],"wp:attachment":[{"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/media?parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}