{"id":1156,"date":"2019-04-26T07:50:44","date_gmt":"2019-04-26T07:50:44","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-travel-free-theme-documentation\/homepage-settings\/how-to-configure-banner-layout\/"},"modified":"2022-07-11T13:11:56","modified_gmt":"2022-07-11T07:26:56","slug":"how-to-configure-banner-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-travel\/homepage-settings\/how-to-configure-banner-section\/","title":{"rendered":"How to Configure Banner Section?"},"content":{"rendered":"<p class=\"red note\">You can either follow the video or follow the below steps to Configure Banner Section.<\/p>\n<p><iframe loading=\"lazy\" title=\"How to Configure Banner Section? | Blossom Travel WordPress Theme\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/R5DgeF1v4Tc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>You can set up a static image or video on your banner section. The banner will be displayed at the top of your website.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1231\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Banner-section-demo-1.png\" alt=\"Banner section demo\" width=\"1433\" height=\"767\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Banner-section-demo-1.png 1433w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Banner-section-demo-1-300x161.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Banner-section-demo-1-768x411.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Banner-section-demo-1-1024x548.png 1024w\" sizes=\"(max-width: 1433px) 100vw, 1433px\" \/><\/p>\n<p>To set up your banner:<\/p>\n<ul>\n<li>Log in to WordPress Admin Panel<\/li>\n<li>Go to\u00a0<strong>Appearance &gt; Customize &gt; Banner Section<\/strong><\/li>\n<li>Choose<strong> Static\/Video CTA Banner or Disable Banner<\/strong>\u00a0(if you do not want banner at all)<\/li>\n<li>Upload the\u00a0<strong>Header Video\u00a0<\/strong>or Enter the\u00a0<strong>YouTube URL\u00a0<\/strong>of the video. Also, you can upload images in the banner section by clicking on\u00a0<strong>Add new image.\u00a0<\/strong>If you add both video and image in the banner section at the same time, it will only show video by default.<\/li>\n<li>Enter the <strong>Banner Title\u00a0<\/strong><\/li>\n<li>Enter the\u00a0<strong>Banner Button Label <\/strong>and\u00a0<strong>Banner Button Link<\/strong><\/li>\n<li>Click on\u00a0<strong>Publish<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1232\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-banner-section.png\" alt=\"Configure banner section\" width=\"323\" height=\"924\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-banner-section.png 323w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-banner-section-105x300.png 105w\" sizes=\"(max-width: 323px) 100vw, 323px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can either follow the video or follow the below steps to Configure Banner Section. You can set up a static image or video on your banner section. The banner will be displayed at the top of your website. To set up your banner: Log in to WordPress Admin Panel Go to\u00a0Appearance &gt; Customize &gt; [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":1155,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-1156","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/1156"}],"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=1156"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/1156\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/1155"}],"next":[{"title":"How to Configure Client Logo Section?","link":"https:\/\/docs.blossomthemes.com\/blossom-travel\/homepage-settings\/how-to-configure-client-logo-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/1157"}],"prev":[{"title":"How to Set Up the Front\/Landing\/Home Page?","link":"https:\/\/docs.blossomthemes.com\/blossom-travel\/homepage-settings\/how-to-set-up-the-front-landing-home-page\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/2871"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=1156"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=1156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}