{"id":19886,"date":"2022-09-28T12:28:22","date_gmt":"2022-09-28T06:43:22","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/spa-center\/homepage-settings\/how-to-configure-banner-section\/"},"modified":"2022-09-28T12:40:58","modified_gmt":"2022-09-28T06:55:58","slug":"how-to-configure-banner-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/spa-center\/homepage-settings\/how-to-configure-banner-section\/","title":{"rendered":"How to Configure Banner Section?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"420\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-112-1024x420.png\" alt=\"\" class=\"wp-image-19916\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-112-1024x420.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-112-300x123.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-112-768x315.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-112-1536x629.png 1536w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-112.png 1650w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Please follow the below steps to set up a banner on the top of your homepage.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to&nbsp;<strong>Appearance &gt; Customize &gt; Front Page Settings &gt; Banner Section<\/strong><\/li><li>Choose&nbsp;<strong>Static\/Video CTA Banner<\/strong><\/li><li>Upload the&nbsp;<strong>Header Video&nbsp;<\/strong>or enter the&nbsp;<strong>YouTube URL&nbsp;<\/strong>of the video. Also, you can upload images in the banner section by clicking on&nbsp;<strong>Add new image.&nbsp;<\/strong>If you add both video and image in the banner section at the same time, it will show video by default.<\/li><li>Enter&nbsp;<strong>Title&nbsp;<\/strong>&amp;&nbsp;<strong>Sub Title&nbsp;<\/strong>of the section<\/li><li>Enter the&nbsp;<strong>Banner Button One Label&nbsp;<\/strong>and&nbsp;<strong>Banner Button One Link<\/strong><\/li><li>Enter the&nbsp;<strong>Banner Button Two Label&nbsp;<\/strong>and&nbsp;<strong>Banner Button Two Link<\/strong><\/li><li>Click on&nbsp;<strong>Publish<\/strong><\/li><\/ul>\n\n\n\n<p><strong>Note:&nbsp;<\/strong>You can select&nbsp;<strong>Disable Banner Section&nbsp;<\/strong>if you do not want to display Banner on the top of your homepage.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"882\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-113.png\" alt=\"\" class=\"wp-image-19917\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-113.png 340w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-113-116x300.png 116w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Please follow the below steps to set up a banner on the top of your homepage. Go to&nbsp;Appearance &gt; Customize &gt; Front Page Settings &gt; Banner Section Choose&nbsp;Static\/Video CTA Banner Upload the&nbsp;Header Video&nbsp;or enter the&nbsp;YouTube URL&nbsp;of the video. Also, you can upload images in the banner section by clicking on&nbsp;Add new image.&nbsp;If you add both [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":19884,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-19886","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/19886"}],"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=19886"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/19886\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/19884"}],"next":[{"title":"How to Configure Service Section?","link":"https:\/\/docs.blossomthemes.com\/spa-center\/homepage-settings\/how-to-configure-service-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/19887"}],"prev":[{"title":"How to Configure Homepage & Blog Page?","link":"https:\/\/docs.blossomthemes.com\/spa-center\/homepage-settings\/how-to-configure-homepage-blog-page\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/19885"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=19886"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=19886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}