{"id":3289,"date":"2019-06-21T09:45:57","date_gmt":"2019-06-21T04:00:57","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-pin-documentation\/homepage-settings\/how-to-configure-banner-section\/"},"modified":"2021-02-05T15:29:36","modified_gmt":"2021-02-05T09:44:36","slug":"how-to-configure-banner-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-pin\/homepage-settings\/how-to-configure-banner-section\/","title":{"rendered":"How to Configure Banner Section?"},"content":{"rendered":"<p>You can either follow the video or the below steps to configure this section in the Blossom Pin theme.<\/p>\n<p><iframe loading=\"lazy\" title=\"Create Pinterest Style WordPress Blog in 2021 | Blossom Pin\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/dvedO4cspEo?start=2239&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>You can choose a static image, video, or a slider as your banner. 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-3350\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/image-018.png\" alt=\"Banner area demo blossom pin\" width=\"1024\" height=\"492\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/image-018.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/image-018-300x144.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/image-018-768x369.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2><span id=\"Setting_Banner_as_Slider\"><strong>Setting Banner as Slider:<\/strong><\/span><\/h2>\n<ul>\n<li>Go to\u00a0<strong>Appearance &gt; Customize &gt; General Settings &gt; Banner Section<\/strong><\/li>\n<li>Choose either\u00a0<strong>Banner as Slider<\/strong><\/li>\n<li>Select the Slider Content Style as Latest Post or Category for sliders.<\/li>\n<li>Choose the number of slides you want to display<\/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-3352\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/image-019.png\" alt=\"slider settings blossom pin\" width=\"351\" height=\"499\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/image-019.png 351w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/image-019-211x300.png 211w\" sizes=\"(max-width: 351px) 100vw, 351px\" \/><\/p>\n<h2><span id=\"Setting_Banner_as_StaticVideo_Banner\"><strong>Setting Banner as Static\/Video Banner:<\/strong><\/span><\/h2>\n<ul>\n<li>Go to\u00a0<strong>Appearance &gt; Customize &gt; General Settings &gt; Banner Section<\/strong><\/li>\n<li>Choose either\u00a0<strong>Banner as Static\/Video Banner<\/strong><\/li>\n<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>\n<li>Enter the Title\/Subtitle for the banner<\/li>\n<li>Enter the Banner Label and Banner Link<\/li>\n<li>Click on Publish when you are satisfied<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3353\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/image-020.png\" alt=\"Static video banner blossom pin\" width=\"340\" height=\"856\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/image-020.png 340w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/image-020-119x300.png 119w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can either follow the video or the below steps to configure this section in the Blossom Pin theme. You can choose a static image, video, or a slider as your banner. The banner will be displayed at the top of your website. Setting Banner as Slider: Go to\u00a0Appearance &gt; Customize &gt; General Settings &gt; [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":3270,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-3289","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3289"}],"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=3289"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3289\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3270"}],"next":[{"title":"How to Configure Instagram Section?","link":"https:\/\/docs.blossomthemes.com\/blossom-pin\/homepage-settings\/how-to-configure-instagram-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3290"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=3289"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=3289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}