{"id":11015,"date":"2021-01-29T12:51:52","date_gmt":"2021-01-29T07:06:52","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/cookery\/banner-settings\/how-to-configure-static-video-search-banner\/"},"modified":"2021-01-29T17:33:00","modified_gmt":"2021-01-29T11:48:00","slug":"static-video-search-banner","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/cookery\/banner-settings\/static-video-search-banner\/","title":{"rendered":"Static\/Video Search Banner"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"302\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/slider-banner-1024x302.png\" alt=\"\" class=\"wp-image-11030\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/slider-banner-1024x302.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/slider-banner-300x89.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/slider-banner-768x227.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/slider-banner-1536x453.png 1536w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/slider-banner.png 1559w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can use the Search Banner to display a search bar on the banner of your site. Which this feature the user can quickly search for the particular recipe that the user wants and does not have to go through the hassle of scrolling through the entire recipe collection. <\/p>\n\n\n\n<p><strong>Note<\/strong>: If you have added a video, the image will not be displayed. You can either use an image or a video in the banner section at a time. In the mobile view, the video will not be displayed to save bandwidth, instead, the fallback image will be displayed. So we recommend you add a banner image as well.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to <strong>Appearance &gt; Customize &gt; Front Page Settings &gt; Banner Section.<\/strong><\/li><li>Choose<strong> Static\/Video Search Banner<\/strong> in the Banner Options.<\/li><li>Click on <strong>Select video<\/strong> to upload the video of your choice in the Banner Section or you can also add the Youtube URL for a video.<\/li><li>If you want to display a static image, click on <strong>Add New Image<\/strong> to upload the desired image on the banner section.<\/li><li>Enter the<strong> Title <\/strong>and Subtitle to display on the banner.<\/li><li>Click <strong>Publish.&nbsp;<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"329\" height=\"923\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/bannersearch.png\" alt=\"\" class=\"wp-image-10848\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/bannersearch.png 329w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/01\/bannersearch-107x300.png 107w\" sizes=\"(max-width: 329px) 100vw, 329px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>You can use the Search Banner to display a search bar on the banner of your site. Which this feature the user can quickly search for the particular recipe that the user wants and does not have to go through the hassle of scrolling through the entire recipe collection. Note: If you have added a [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":11000,"menu_order":3,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-11015","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/11015"}],"collection":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/comments?post=11015"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/11015\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/11000"}],"prev":[{"title":"Static\/Video Newsletter Banner","link":"https:\/\/docs.blossomthemes.com\/cookery\/banner-settings\/static-video-newsletter-banner\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/11014"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=11015"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=11015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}