{"id":3509,"date":"2019-06-24T15:52:03","date_gmt":"2019-06-24T10:07:03","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-spa-documentation\/homepage-settings\/how-to-configure-banner-section\/"},"modified":"2022-07-08T15:09:34","modified_gmt":"2022-07-08T09:24:34","slug":"how-to-configure-banner-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-spa\/homepage-settings\/how-to-configure-banner-section\/","title":{"rendered":"How to Configure Banner Section?"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3578\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-31-Image-21-1.png\" alt=\"Banner section demo blossom spa\" width=\"1024\" height=\"707\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-31-Image-21-1.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-31-Image-21-1-300x207.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-31-Image-21-1-768x530.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p class=\"blue note\">Note: The <a href=\"https:\/\/blossomthemes.com\/downloads\/blossom-spa-pro\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Pro<\/strong><\/a> version of this free theme offers extra options of <strong>Static\/Video Newsletter Banner<\/strong> and <strong>Banner as Slider<\/strong>\u00a0in the Banner Options.<\/p>\n<p>You can either follow the video or follow the below steps to configure the Banner Section.<\/p>\n<p><iframe loading=\"lazy\" title=\"How to Configure Banner Section | Blossom Spa WordPress Theme\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/4mstgnWc5IY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Please follow the below steps to set up a banner on the top of your homepage.<\/p>\n<ul>\n<li>Go to\u00a0<strong>Appearance &gt; Customize &gt; Front Page Settings &gt; Banner Section<\/strong><\/li>\n<li>Choose\u00a0<strong>Static\/Video CTA Banner<\/strong><\/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 show video by default.<\/li>\n<li>Enter\u00a0<strong>Title\u00a0<\/strong>&amp;\u00a0<strong>Sub Title\u00a0<\/strong>of the section<\/li>\n<li>Enter the\u00a0<strong>Banner Button1 Label\u00a0<\/strong>and\u00a0<strong>Banner Button1 Link<\/strong><\/li>\n<li>Enter the\u00a0<strong>Banner Button2 Label\u00a0<\/strong>and\u00a0<strong>Banner Button2 Link<\/strong><\/li>\n<li>Click on\u00a0<strong>Publish<\/strong><\/li>\n<\/ul>\n<p><strong>Note:\u00a0<\/strong>You can select\u00a0<strong>Disable Banner Section\u00a0<\/strong>if you do not want to display Banner on the top of your homepage.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3580\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-33-Image-22.png\" alt=\"Configure Banner section blossom spa\" width=\"346\" height=\"930\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-33-Image-22.png 346w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-33-Image-22-112x300.png 112w\" sizes=\"(max-width: 346px) 100vw, 346px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Note: The Pro version of this free theme offers extra options of Static\/Video Newsletter Banner and Banner as Slider\u00a0in the Banner Options. You can either follow the video or follow the below steps to configure the Banner Section. Please follow the below steps to set up a banner on the top of your homepage. Go [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":3493,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-3509","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3509"}],"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=3509"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3509\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3493"}],"next":[{"title":"How to Configure Service Section?","link":"https:\/\/docs.blossomthemes.com\/blossom-spa\/homepage-settings\/how-to-configure-service-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3510"}],"prev":[{"title":"How to Configure Homepage & Blog Page?","link":"https:\/\/docs.blossomthemes.com\/blossom-spa\/homepage-settings\/how-to-configure-homepage-blog-page\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3508"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=3509"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=3509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}