{"id":8669,"date":"2017-09-14T10:21:30","date_gmt":"2017-09-14T17:21:30","guid":{"rendered":"https:\/\/www.yola.com\/blog\/?p=8669"},"modified":"2022-08-08T02:40:39","modified_gmt":"2022-08-08T09:40:39","slug":"feature-update-september-2017","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/feature-update-september-2017\/","title":{"rendered":"Feature Update: September 2017"},"content":{"rendered":"<p><a href=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2017\/09\/Screen-Shot-2017-09-14-at-10.03.08-AM.png\"><img loading=\"lazy\" class=\"alignright size-full wp-image-8670\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2017\/09\/Screen-Shot-2017-09-14-at-10.03.08-AM.png\" alt=\"New Yola Templates\" width=\"300\" height=\"201\"><\/a>The Yola Team has been hard at work, churning out fresh new features and refining our toolset. Here\u2019s what we\u2019ve been up to lately:<\/p>\n<p><b>Parallax Scrolling<br \/>\n<\/b>We\u2019ve upgraded the Panel Widget to include <a href=\"https:\/\/www.techopedia.com\/definition\/29141\/parallax-scrolling\" target=\"_blank\" rel=\"noopener noreferrer\">Parallax Scrolling<\/a>, a technique used in which background images move more slowly than images in the foreground, creating the illusion of depth and immersion, enabling you to create sections with this modern design trend.<\/p>\n<p>Parallax Scrolling has been included in all of our most recent templates or can be added to existing sites by adding a background image to a Panel Widget, then enabling the Parallax toggle.<\/p>\n<p><b>Video Backgrounds<br \/>\n<\/b>In addition to Parallax Scrolling, we\u2019ve also added video backgrounds to our Panel Widget.<\/p>\n<p><span style=\"font-weight: 400;\">To take advantage of video backgrounds, when using the Panel Widget, select \u201cVideo Background\u201d under Video Type, then upload your file, or browse our library of stock videos available for <a title=\"Yola Silver\" href=\"https:\/\/www.yola.com\/yola-silver\" target=\"_blank\" rel=\"noopener noreferrer\">Yola Silver<\/a>&nbsp;customers.<\/span><\/p>\n<p><b>Minimum Height<br \/>\n<\/b>Using the Panel Widget, you now have the ability to create content sections with both fixed or responsive minimum height values.<\/p>\n<p>For example, a banner built using the Panel Widget can now be given a set height by pixel or percentage, giving you the opportunity to determine how much of the browser window the section displays in. If you want to create a section that takes up 100% of the browser window, no matter the screen size, you can set the Minimum Height to 100vh. Likewise, if you wanted to set a section to display just 600 pixels, you can do so by setting the panel to 600px.<\/p>\n<p>Minimum Height values can be adjusted within the Spacing tab of any Panel Widget.<\/p>\n<p><b>Content Alignment<br \/>\n<\/b>We\u2019ve added horizontal and vertical alignment functionality within the Panel Widget, allowing you to define where your content should be placed. This functionality creates a grid, making it even easier for you to build the design you envision for your business.<\/p>\n<p>These alignment capabilities can be found with the Spacing tab of any Panel Widget.<\/p>\n<p><b>New Templates<\/b><\/p>\n<ul>\n<li><b><b>Augustus<\/b><span style=\"font-weight: 400;\"> \u2013 <a href=\"https:\/\/www.yola.com\/template\/restaurant-website\/\">Restaurant<\/a>&nbsp;<\/span><\/b><\/li>\n<li><b>Stanley<\/b><span style=\"font-weight: 400;\"> \u2013 Hotel<\/span><\/li>\n<li><b>Fresh<\/b><span style=\"font-weight: 400;\"> \u2013 Restaurant<\/span><\/li>\n<li><b>Ludwig<\/b><span style=\"font-weight: 400;\"> \u2013 Attorney<\/span><\/li>\n<li><b>Oliver<\/b><span style=\"font-weight: 400;\"> \u2013 Restaurant<\/span><\/li>\n<li><b>Surface<\/b><span style=\"font-weight: 400;\"> \u2013 Coffee Shop<\/span><\/li>\n<li><b>Sterling<\/b><span style=\"font-weight: 400;\"> \u2013 Professional Services<\/span><\/li>\n<li><b>Lily<\/b><span style=\"font-weight: 400;\"> \u2013 Bed and Breakfast<\/span><\/li>\n<\/ul>\n<p><b>Updated Form Widget<br \/>\n<\/b>We\u2019ve updated the Form Widget to have responsive input fields, allowing them to fill the entire width space in which they sit for a more modern and intuitive design.<\/p>\n<p>Due to the fact that the Form Widget now behaves responsively, if your Form Widget is not constrained within a content section (for example a Panel or Divider widget), it will fill the entire content width of the page. To achieve your desired width, place the Form Widget inside a Panel or Divider widget.<\/p>\n<p>If you have questions about these new features, we&#8217;re happy to help! Feel free to reach out to our <a title=\"Yola Support\" href=\"https:\/\/www.yola.com\/support\" target=\"_blank\" rel=\"noopener noreferrer\">Support Team<\/a> at any time.<\/p>\n<p>Happy building!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Yola Team has been hard at work, churning out fresh new features and refining our toolset. Here\u2019s what we\u2019ve been up to lately: Parallax Scrolling We\u2019ve upgraded the Panel Widget to include Parallax Scrolling, a technique used in which background images move more slowly than images in the foreground, creating the illusion of depth&hellip;&nbsp;<a href=\"https:\/\/www.yola.com\/blog\/feature-update-september-2017\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Feature Update: September 2017<\/span><\/a><\/p>\n","protected":false},"author":24,"featured_media":8962,"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":"[\"title\",\"meta\",\"content\",\"tags\",\"comments\"]","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false},"categories":[9],"tags":[1110,528,1111,1066,1108,1109],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/8669"}],"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=8669"}],"version-history":[{"count":15,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/8669\/revisions"}],"predecessor-version":[{"id":8972,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/8669\/revisions\/8972"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media\/8962"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=8669"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=8669"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=8669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}