{"id":33995,"date":"2019-03-04T11:35:11","date_gmt":"2019-03-04T11:35:11","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&#038;p=33995"},"modified":"2022-08-03T07:16:39","modified_gmt":"2022-08-03T07:16:39","slug":"shadow","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/shadow\/","title":{"rendered":"Shadow"},"content":{"rendered":"<div class=\"block-demo block-demo-default\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\">\n<div class=\"sue-shadow sue-shadow-style-default\">\n<div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:#c40c10;border-radius:0px;max-width:none\">\n<div class=\"su-box-title\" style=\"background-color:#F73F43;color:#FFFFFF;border-top-left-radius:0px;border-top-right-radius:0px\">This is box title<\/div>\n<div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:0px;border-bottom-right-radius:0px\">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<\/div>\n<\/div>\n<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\">\n<div class=\"sue-shadow sue-shadow-style-vertical\">\n<div class=\"sue-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-icon-panel-head\"><i class=\"sui sui-cog\" style=\"font-size:40px;color:#ff5e3a\"><\/i><\/div>\n<div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\">Panel content<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t<div class=\"block-demo-source\">\n\t\t<pre contenteditable=\"true\"><div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\"><div class=\"sue-shadow sue-shadow-style-default\"><div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:quot#F73F43quot;border-radius:0px;max-width:none\"><div class=\"su-box-title\" style=\"background-color:quot#F73F43quot;color:quot#FFFFFFquot;border-top-left-radius:0px;border-top-right-radius:0px\">This is box title<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:0px;border-bottom-right-radius:0px\">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><\/div><\/div>\n\n<div class=\"sue-shadow-wrap su-u-trim sue-shadow-inline-no\"><div class=\"sue-shadow sue-shadow-style-&quot;vertical&quot;\"><div class=\"sue-icon-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-icon-panel-head\"><i class=\"sui sui-&quot;\" style=\"font-size:&quot;40&quot;px;color:&quot;#ff5e3a&quot;\"><\/i><\/div><div class=\"sue-icon-panel-content su-u-trim\" style=\"text-align:center\">Panel content<\/div><\/div><\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n<p class=\"has-black-color has-light-background-color has-text-color has-background\">This shortcode is available in <a href=\"\/pricing\/\">Shortcodes Ultimate Pro<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"description\">Description<\/h2>\n\n\n\n<p>This shortcode allows you to add beautiful shadows to almost any block element.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"options\">Options<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><th>Option name<\/th><th>Possible values<\/th><th>Default value<\/th><\/tr><tr><td><strong>style<\/strong><br>Choose shadow style<\/td><td>default (Default)<br>left (Left corner)<br>right (Right corner)<br>horizontal (Horizontal)<br>vertical (Vertical)<br>bottom (Bottom)<br>simple (Simple)<\/td><td>default<\/td><\/tr><tr><td><strong>inline<\/strong><br>Display shadow container as an inline element. This option can be useful for small images and other inline elements<\/td><td>yes or no<\/td><td>no<\/td><\/tr><tr><td><strong>class<\/strong><br>Additional CSS class name(s) separated by space(s)<\/td><td>CSS class name(s) separated by space(s)<\/td><td><em>\u2013 none \u2013<\/em><\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"featured_media":36675,"template":"","docs_category":[21],"class_list":["post-33995","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_category-shortcodes"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33995","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\/36675"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33995"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}