{"id":7522,"date":"2014-06-24T14:56:22","date_gmt":"2014-06-24T21:56:22","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=7522"},"modified":"2014-06-26T12:15:33","modified_gmt":"2014-06-26T19:15:33","slug":"yola-custom-panel-secrets-part-three-creating-images-with-highlighted-borders","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/yola-custom-panel-secrets-part-three-creating-images-with-highlighted-borders\/","title":{"rendered":"Yola Custom Panel Secrets Part Three: Creating Images with Highlighted Borders"},"content":{"rendered":"<p>We&#8217;re excited to show our latest edition to the <a title=\"Yola Custom Panel Secrets: Part Two\" href=\"https:\/\/www.yola.com\/blog\/yola-custom-panel-secrets-part-two\/\" target=\"_blank\">Custom Panel Secrets series<\/a> \u2013 watch the video for the details!<\/p>\n<div class=\"nv-iframe-embed\"><iframe loading=\"lazy\" title=\"Yola Custom Panel Secrets Part Three\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/DYf88GOOwPM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<p>What we&#8217;re going to show you today is going to be how to create images with bordered highlights for your small business website.<\/p>\n<p>First, what we are going to do is drag and drop our Custom Panel Widget into our business website. Next, we will select a background image. Then we will adjust the background size \u2013 click cover to ensure the image covers the span of our custom panel widget and click the positioning to center.<\/p>\n<p>Next up \u2013 border. Remove each border, and we will add in one on the bottom. But first, we will select a color. Now, bump up the size of your bottom border \u2013 we chose 11px. Then hit save.<\/p>\n<p>Next up, we will add in some space to our Custom Panel Widget by dragging and dropping the Text Widget into our Custom Panel, and adding a few line breaks.<\/p>\n<p>Now, we&#8217;ll preview it. Voila \u2013 we&#8217;re finished!<\/p>\n<p>Have anything you&#8217;d like demonstrated via video? Let us know in the comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re excited to show our latest edition to the Custom Panel Secrets series \u2013 watch the video for the details!<\/p>\n","protected":false},"author":456,"featured_media":0,"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],"tags":[782,90,647],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7522"}],"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\/456"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=7522"}],"version-history":[{"count":3,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7522\/revisions"}],"predecessor-version":[{"id":7532,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/7522\/revisions\/7532"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=7522"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=7522"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=7522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}