{"id":16921,"date":"2021-12-15T12:17:17","date_gmt":"2021-12-15T06:32:17","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/floral-fashion\/homepage-settings\/how-to-configure-banner-section\/"},"modified":"2021-12-15T13:05:12","modified_gmt":"2021-12-15T07:20:12","slug":"how-to-configure-banner-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/floral-fashion\/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=\"340\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/f5-1024x340.png\" alt=\"\" class=\"wp-image-16964\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/f5-1024x340.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/f5-300x100.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/f5-768x255.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/f5-1536x510.png 1536w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/f5.png 1904w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can choose a slider as your banner. The banner will be displayed at the top of your website.<\/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; Front Page Settings &gt; Banner Section.<\/strong><\/li><li>Choose either<strong> Banner as Slider,&nbsp; or Disable Banner Section <\/strong>(if you do not want a banner).<\/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 or Category<\/strong> in the Slider Content Style, make sure that you have created these beforehand. You can create Posts via <strong>Posts &gt; Add New<\/strong> and Category via <strong>Posts &gt; Categories<\/strong>. If there are not enough <strong>Posts or Categories<\/strong>, a grey fallback image 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; Front Page Settings &gt; Banner Section.<\/strong><\/li><li>Choose <strong>Banner as Slider<\/strong> in the Banner Options.<\/li><li>Select either <strong>Latest Posts or Category<\/strong>&nbsp;in the Slider Content Style.<\/li><li>Control the number of slides to be displayed through the <strong>Number of Slides<\/strong> option.<\/li><li>Enable <strong>Include Repititive Posts<\/strong> to add posts included in slider in blog page too.<\/li><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 text on the slider.<\/li><li>Select the animation of the slider through the <strong>Slider Animation<\/strong> option.<\/li><li>Click <strong>Publish.<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"341\" height=\"792\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-11.png\" alt=\"\" class=\"wp-image-16254\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-11.png 341w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-11-129x300.png 129w\" sizes=\"(max-width: 341px) 100vw, 341px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can choose a slider as your banner. The banner will be displayed at the top of your website. To set up your banner: Go to Appearance &gt; Customize &gt; Front Page Settings &gt; Banner Section. Choose either Banner as Slider,&nbsp; or Disable Banner Section (if you do not want a banner). Banner as Slider [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":16920,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-16921","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/16921"}],"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=16921"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/16921\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/16920"}],"next":[{"title":"How to Configure the Featured Area Section?","link":"https:\/\/docs.blossomthemes.com\/floral-fashion\/homepage-settings\/how-to-configure-the-featured-area-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/16922"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=16921"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=16921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}