{"id":13290,"date":"2021-06-08T19:30:08","date_gmt":"2021-06-08T13:45:08","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/minimal-travel\/homepage-settings\/how-to-configure-banner-section\/"},"modified":"2021-06-09T17:05:38","modified_gmt":"2021-06-09T11:20:38","slug":"how-to-configure-banner-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/minimal-travel\/homepage-settings\/how-to-configure-banner-section\/","title":{"rendered":"How to configure Banner Section?"},"content":{"rendered":"\n<p>You can choose a static image, video, or slider as your banner. The banner will be displayed at the top of your website.<\/p>\n\n\n\n<p>The <a href=\"https:\/\/blossomthemes.com\/wordpress-themes\/vilva-pro\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\"><strong>Pro<\/strong><\/a> version of this free theme offers you 11 different slider layouts for your banner section.<\/p>\n\n\n\n<p>To set up your banner:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to <strong>Appearance &gt; Customize &gt; General Settings &gt; Banner Section.<\/strong><\/li><li>Choose either <strong>Banner as Slider, Static\/Video Banner, or Disable Banner<\/strong> (if you don&#8217;t want banner at all).<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Banner as Slider<\/strong><\/h2>\n\n\n\n<p><strong>Note<\/strong>: Before you choose <strong>Latest Posts, Category <\/strong>&nbsp;in the Slider Content Style, make sure that you have made these beforehand. You can create Posts via <strong>Posts &gt; Add New<\/strong>, Category via <strong>Posts &gt; Categories<\/strong>. If there are not enough <strong>Posts, Categories <\/strong>&nbsp;a grey fallback will appear in the Banner Section.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to <strong>Appearance &gt;&nbsp; Customize &gt; General Settings &gt; Banner Section.<\/strong><\/li><li>Choose <strong>Banner as Slider<\/strong> in the Banner Options.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"299\" height=\"589\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/banner-options.png\" alt=\"banner options\" class=\"wp-image-6945\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/banner-options.png 299w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/banner-options-152x300.png 152w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Select either <strong>Latest Posts, Category <\/strong>&nbsp;in the Slider Content Style.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"344\" height=\"611\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/banner.png\" alt=\"\" class=\"wp-image-7336\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/banner.png 344w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/banner-169x300.png 169w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Different options are displayed based on the option you choose on the Slider Content Style.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"345\" height=\"866\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/06\/1-4.png\" alt=\"\" class=\"wp-image-13357\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/06\/1-4.png 345w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/06\/1-4-120x300.png 120w\" sizes=\"(max-width: 345px) 100vw, 345px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Enable <strong>Slider Auto<\/strong> for the auto transition of the slider.<\/li><li>Enable <strong>Slider Loop<\/strong> for the continuation of the slider.<\/li><li>Enable <strong>Slider Caption<\/strong> to display the captions on the Slider.<\/li><li>Click <strong>Publish.<\/strong><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Static Image or Video Banner<\/strong><\/h2>\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 to add a banner image as well.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to <strong>Appearance &gt; Customize &gt; General Settings &gt; Banner Section.<\/strong><\/li><li>Choose<strong> Static\/Video 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>Click <strong>Publish.<\/strong><\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"331\" height=\"866\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/06\/1-5.png\" alt=\"\" class=\"wp-image-13358\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/06\/1-5.png 331w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/06\/1-5-115x300.png 115w\" sizes=\"(max-width: 331px) 100vw, 331px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>You can choose a static image, video, or slider as your banner. The banner will be displayed at the top of your website. The Pro version of this free theme offers you 11 different slider layouts for your banner section. To set up your banner: Go to Appearance &gt; Customize &gt; General Settings &gt; Banner [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":13289,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-13290","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/13290"}],"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=13290"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/13290\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/13289"}],"next":[{"title":"How to Configure Featured Area Section?","link":"https:\/\/docs.blossomthemes.com\/minimal-travel\/homepage-settings\/how-to-configure-featured-area-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/13291"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=13290"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=13290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}