{"id":15831,"date":"2021-10-01T17:14:21","date_gmt":"2021-10-01T11:29:21","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/fashion-pin\/homepage-settings\/how-to-configure-banner-section\/"},"modified":"2021-11-10T17:10:32","modified_gmt":"2021-11-10T11:25:32","slug":"how-to-configure-banner-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/fashion-pin\/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<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"346\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-36-1024x346.png\" alt=\"\" class=\"wp-image-16350\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-36-1024x346.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-36-300x101.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-36-768x260.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-36-1536x519.png 1536w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-36.png 1887w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Setting Banner as Slider:<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to\u00a0<strong>Appearance > Customize > General Settings > Banner Section<\/strong><\/li><li>Choose\u00a0<strong>Banner as Slider<\/strong> under the Banner Options<\/li><li>Select the Slider Content Style as Latest Post or Category for sliders.<\/li><li>Choose the number of slides you want to display<\/li><li>Click on\u00a0<strong>Publish<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"344\" height=\"512\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-39.png\" alt=\"\" class=\"wp-image-16353\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-39.png 344w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-39-202x300.png 202w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Setting Banner as Static\/Video Banner:<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to\u00a0<strong>Appearance > Customize > General Settings > Banner Section<\/strong><\/li><li>Choose\u00a0<strong>Static\/Video Banner<\/strong> under the Banner Options<\/li><li>Select\/Upload the Video or the link of the video or the Header image of your choice. If you select a video, the image will not be displayed.<\/li><li>Enter the Title and Subtitle for the banner<\/li><li>Enter the Banner Label and Banner Link<\/li><li>Click on Publish<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"908\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-38.png\" alt=\"\" class=\"wp-image-16352\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-38.png 340w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-38-112x300.png 112w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/figure>\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. Setting Banner as Slider: Go to\u00a0Appearance > Customize > General Settings > Banner Section Choose\u00a0Banner as Slider under the Banner Options Select the Slider Content Style as Latest Post or Category for [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":15830,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-15831","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/15831"}],"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=15831"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/15831\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/15830"}],"next":[{"title":"How to Configure Instagram Section?","link":"https:\/\/docs.blossomthemes.com\/fashion-pin\/homepage-settings\/how-to-configure-instagram-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/15832"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=15831"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=15831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}