{"id":3205,"date":"2011-10-26T15:57:19","date_gmt":"2011-10-26T22:57:19","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=3205"},"modified":"2015-04-23T14:51:06","modified_gmt":"2015-04-23T21:51:06","slug":"widget-wednesday-custom-panel","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/widget-wednesday-custom-panel\/","title":{"rendered":"Widget Wednesday: Custom Panel"},"content":{"rendered":"<p>You can now organize your content better with our Custom Panel widget.\u00a0 The widget works in a similar way to the Column Divider widget, you can use it to create a container on your page and then place other widgets inside it.\u00a0 You can find the Custom Panel widget in the Basic widget category.<\/p>\n<p>Drag the widget to where you would like your panel; it will then open up a dialog where you can customize your panel.\u00a0 On the first tab you can choose one of the preset colors, you can see what your panel will look like in the preview section.<\/p>\n<p>If you would like to customize your panel more, click on the tabs to change various aspects of the panel.\u00a0 You can change:<\/p>\n<ul>\n<li>The background and gradient color* \u2013 Choose a color from the color chart or type in the hex color if you know what it is.\u00a0 You can even upload your own background image and choose the direction of the gradient!<\/li>\n<li>Border \u2013 Choose the color of your border, the style (dotted or straight line) and even the thickness.<\/li>\n<li>Corners* \u2013 You can add round corners to your panel and choose how rounded they \u2013 you can even make one corner more rounded than another.<\/li>\n<li>Shadow* \u2013 Use the sliders to add shadows to your panels.\u00a0 You can add them to the inside or outside of the panel and select the color of the shadow, the opacity and the width of it.<\/li>\n<li>Spacing \u2013 You can edit the space inside your panel i.e. create space around text within the panel or you can edit the space outside your panel by creating a margin around it.<\/li>\n<li>Fonts \u2013 Here you can change the type of font in your panel, the size and different colors for the heading, font, link or link hover text.\u00a0\u00a0 When you add the Text widget into your panel, these font selections will automatically apply.<\/li>\n<\/ul>\n<p>*Please note, these features are not supported by Internet Explorer.\u00a0 We suggest that you upgrade to Google Chrome or Firefox in order to make use of these.<\/p>\n<p>Just like your house, containers on your website can help keep things neat.\u00a0 Use Custom Panel widget to present your content and to call attention to information on your site that you think your visitors will find helpful.\u00a0 Here\u2019s a great example of the Custom Panel widget is being used effectively.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can now organize your content better with our Custom Panel widget.\u00a0 The widget works in a similar way to the Column Divider widget, you can use it to create a container on your page and then place other widgets inside it.\u00a0 You can find the Custom Panel widget in the Basic widget category. Drag&hellip;&nbsp;<a href=\"https:\/\/www.yola.com\/blog\/widget-wednesday-custom-panel\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Widget Wednesday: Custom Panel<\/span><\/a><\/p>\n","protected":false},"author":400,"featured_media":3206,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false},"categories":[130,9],"tags":[],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/3205"}],"collection":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/users\/400"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=3205"}],"version-history":[{"count":11,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/3205\/revisions"}],"predecessor-version":[{"id":8315,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/3205\/revisions\/8315"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media\/3206"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=3205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=3205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=3205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}