{"id":6882,"date":"2014-02-22T08:00:55","date_gmt":"2014-02-22T15:00:55","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=6882"},"modified":"2014-02-24T10:24:06","modified_gmt":"2014-02-24T17:24:06","slug":"yola-custom-panel-secrets-part-two","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/yola-custom-panel-secrets-part-two\/","title":{"rendered":"Yola Custom Panel Secrets: Part Two"},"content":{"rendered":"<div class=\"nv-iframe-embed\"><iframe loading=\"lazy\" title=\"Yola Custom Panel Secrets: Part Two\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/uRSOabfAflg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<p>Hey folks!<\/p>\n<p><a title=\"Yola Custom Panel Widget Secrets: Part One\" href=\"https:\/\/www.yola.com\/blog\/yola-custom-panel-widget-secrets-part-one\/\">Last video<\/a> we touched up on adding a Custom Panel Widget with a double border. This time we&#8217;re going to demonstrate how to create custom panel widgets with image backgrounds. We&#8217;re going to add text to these custom panel widgets, and it&#8217;s going to allow our Custom Panels to have a next text overlay. In addition, we can add links to these, and it&#8217;ll give us a nice professional look for our site.<\/p>\n<p>To start, we are going to drag and drop our Column Divider Widget \u2013 this will allow us to create the perfect size for our image.<\/p>\n<p>Next we are going to add our Custom Panel widget to our Column Divider. Then we are simply going to choose a background. We&#8217;re going to center it, and hit &#8220;Save.&#8221;<\/p>\n<p>We&#8217;re going to add a second custom panel widget using the save steps, just so you are able to get a better feel of the look once we go ahead and preview the site, and then we are ready for our text.<\/p>\n<p>Drag and drop the Text Widget to your new custom panel (this is where customizing your text in Style Designer comes in handy). Add your text, add a link to your text and go ahead and click &#8220;Preview.&#8221;<\/p>\n<p>If you&#8217;d like, hover over your link &#8211; it will take you to the website you previously selected.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-6884\" alt=\"Custom Panel Widget\" src=\"https:\/\/blogcontent.yola.net\/blog\/wp-content\/uploads\/2014\/02\/Screen-Shot-2014-02-21-at-11.43.15-AM.png\" width=\"414\" height=\"167\" \/><\/p>\n<p>Alright folks, this was our tip for the day &#8211; make sure to check back for our next!<\/p>\n<p>Thanks for watching!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hey folks! Last video we touched up on adding a Custom Panel Widget with a double border. This time we&#8217;re going to demonstrate how to create custom panel widgets with image backgrounds. We&#8217;re going to add text to these custom panel widgets, and it&#8217;s going to allow our Custom Panels to have a next text&hellip;&nbsp;<a href=\"https:\/\/www.yola.com\/blog\/yola-custom-panel-secrets-part-two\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Yola Custom Panel Secrets: Part Two<\/span><\/a><\/p>\n","protected":false},"author":24,"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":[644,646,297,645,647],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6882"}],"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\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=6882"}],"version-history":[{"count":4,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6882\/revisions"}],"predecessor-version":[{"id":6887,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6882\/revisions\/6887"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=6882"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=6882"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=6882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}