{"id":33981,"date":"2019-03-04T11:07:01","date_gmt":"2019-03-04T11:07:01","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&#038;p=33981"},"modified":"2022-08-03T07:11:02","modified_gmt":"2022-08-03T07:11:02","slug":"panel","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/panel\/","title":{"rendered":"Panel"},"content":{"rendered":"<div class=\"block-demo block-demo-default\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"sue-panel sue-panel-clickable\" data-url=\"#\" data-target=\"self\" style=\"background-color:#ffffff;color:#F73F43;border-radius:3px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #F73F43\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:center\">Panel content. You can use any <strong>HTML markup<\/strong> or even other shortcodes here.<\/div>\n<\/div>\n\t<\/div>\n\t<div class=\"block-demo-source\">\n\t\t<pre contenteditable=\"true\"><div class=\"sue-panel sue-panel-clickable\" data-url=\"&quot;#&quot;\" data-target=\"self\" style=\"background-color:#ffffff;color:quot#F73F43quot;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:quot1px\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:quotcenterquot\">Panel content. You can use any &lt;strong&gt;HTML markup&lt;\/strong&gt; or even other shortcodes here.<\/div><\/div><\/pre>\n\t<\/div>\n<\/div>\n\n\n<div class=\"block-demo block-demo-default\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"su-row\">\n<div class=\"su-column su-column-size-1-3\">\n<div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\">Panel content<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-size-1-3\">\n<div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\">Panel content<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"su-column su-column-size-1-3\">\n<div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\">\n<div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\">Panel content<\/div>\n<\/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=\"su-row\">\n<div class=\"su-column su-column-size-&quot;1-3&quot;\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\">Panel content<\/div><\/div>\n<\/div><\/div>\n<div class=\"su-column su-column-size-&quot;1-3&quot;\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\">Panel content<\/div><\/div>\n<\/div><\/div>\n<div class=\"su-column su-column-size-&quot;1-3&quot;\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#ffffff;color:#333333;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #cccccc\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\">Panel content<\/div><\/div>\n<\/div><\/div>\n<\/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 create flexible blocks with content.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"options\">Options<\/h2>\n\n\n\n<figure class=\"wp-block-table c-shortcode-options\"><table><tbody><tr><td><a name=\"option-background\" href=\"#option-background\">background<\/a><\/td><td>Panel background color<br><br><strong>Possible values:<\/strong> #HEX color<br><br><strong>Default value:<\/strong> <code>#ffffff<\/code><\/td><\/tr><tr><td><a name=\"option-color\" href=\"#option-color\">color<\/a><\/td><td>Panel text color<br><br><strong>Possible values:<\/strong> #HEX color<br><br><strong>Default value:<\/strong> <code>#333333<\/code><\/td><\/tr><tr><td><a name=\"option-border\" href=\"#option-border\">border<\/a><\/td><td>Panel border<br><br><strong>Possible values:<\/strong> CSS border shorthand property<br><br><strong>Default value:<\/strong> <code>1px solid #cccccc<\/code><\/td><\/tr><tr><td><a name=\"option-padding\" href=\"#option-padding\">padding<\/a><\/td><td>Panel padding (in pixels)<br><br><strong>Possible values:<\/strong> Number from 0 to 150<br><br><strong>Default value:<\/strong> <code>15<\/code><\/td><\/tr><tr><td><a name=\"option-shadow\" href=\"#option-shadow\">shadow<\/a><\/td><td>Panel shadow<br><br><strong>Possible values:<\/strong> CSS box\/text-shadow shorthand property<br><br><strong>Default value:<\/strong> <code>0px 1px 2px #eeeeee<\/code><\/td><\/tr><tr><td><a name=\"option-radius\" href=\"#option-radius\">radius<\/a><\/td><td>Panel border radius (px)<br><br><strong>Possible values:<\/strong> Number from 0 to 60<br><br><strong>Default value:<\/strong> <code>0<\/code><\/td><\/tr><tr><td><a name=\"option-text_align\" href=\"#option-text_align\">text_align<\/a><\/td><td>Text alignment for panel content<br><br><strong>Possible values:<\/strong> <code>left<\/code>, <code>center<\/code>, <code>right<\/code><br><br><strong>Default value:<\/strong> <code>left<\/code><\/td><\/tr><tr><td><a name=\"option-url\" href=\"#option-url\">url<\/a><\/td><td>You can type here any hyperlink to make this panel clickable<\/td><\/tr><tr><td><a name=\"option-target\" href=\"#option-target\">target<\/a><\/td><td>Choose link target<br><br><strong>Default value:<\/strong> <code>self<\/code><\/td><\/tr><tr><td><a name=\"option-class\" href=\"#option-class\">class<\/a><\/td><td>Additional CSS class name(s) separated by space(s)<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"featured_media":36660,"template":"","docs_category":[21],"class_list":["post-33981","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_category-shortcodes"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33981","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\/36660"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33981"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}