{"id":3119,"date":"2019-06-17T09:38:05","date_gmt":"2019-06-17T03:53:05","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-coach-documentation\/homepage-settings\/how-to-configure-banner-section\/"},"modified":"2020-09-02T17:30:02","modified_gmt":"2020-09-02T11:45:02","slug":"how-to-configure-banner-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-coach\/homepage-settings\/how-to-configure-banner-section\/","title":{"rendered":"How to Configure Banner Section?"},"content":{"rendered":"<p>You can choose a static image, video, or a slider on your banner section. 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-3196\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-5-Image-16.png\" alt=\"Banner section demo blossom coach\" width=\"956\" height=\"539\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-5-Image-16.png 956w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-5-Image-16-300x169.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-5-Image-16-768x433.png 768w\" sizes=\"(max-width: 956px) 100vw, 956px\" \/><\/p>\n<p class=\"'red note\">You can either follow the\u00a0video or follow the below steps to configure Banner Section of your website.<\/p>\n<p><iframe loading=\"lazy\" title=\"How to configure banner section? | Blossom Coach WordPress Theme\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/q8TV2-EbREY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p class=\"blue note\">Note: The <a href=\"https:\/\/blossomthemes.com\/downloads\/blossom-coach-pro\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Pro<\/strong><\/a> version of this free theme offers you an extra option of <strong>Static\/Video CTA Banner<\/strong> in the Banner Options Section.<\/p>\n<h2><span id=\"For_a_static_imagevideo_in_the_Banner_Section\">For a static image\/video in the Banner Section<\/span><\/h2>\n<ul>\n<li>Go to\u00a0<b>Appearance &gt; Customize &gt; Front Page Settings &gt; Banner Section<\/b><\/li>\n<li>Choose<strong>\u00a0static\/video\u00a0<\/strong>under Banner Options. Choose Disable Banner Section if you do not want banner at all.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3198\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-5-Image-15.png\" alt=\"static video banner \" width=\"338\" height=\"316\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-5-Image-15.png 338w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-5-Image-15-300x280.png 300w\" sizes=\"(max-width: 338px) 100vw, 338px\" \/><\/p>\n<ul>\n<li>Click Select Video and upload the video for your banner section. (Upload your video in .mp4 format and minimize its file size) You can also enter the Youtube video URL.<\/li>\n<li>Click Add new image to upload a new image for your banner section. The recommended size for your banner Image is 1920 x 700 px.<\/li>\n<li>Enter the Blossom Themes Email Newsletter Shortcode under\u00a0<strong>Banner Newsletter.\u00a0<\/strong>( Please read\u00a0<strong>Newsletter Settings<\/strong>\u00a0for instruction on how to generate shortcode using Blossom Themes Email Newsletter Plugin )<\/li>\n<li>Click\u00a0<strong>Publish.\u00a0<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3199\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-6-Image-19.png\" alt=\"Configure static video banner blossom coach\" width=\"343\" height=\"814\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-6-Image-19.png 343w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-6-Image-19-126x300.png 126w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/p>\n<h2><span id=\"For_Slider_in_the_Banner_Section\">For Slider in the Banner Section<\/span><\/h2>\n<p class=\"blue note\">Note: In the <a href=\"https:\/\/blossomthemes.com\/downloads\/blossom-coach-pro\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Pro<\/strong><\/a> version of this free theme, you can choose <strong>Pages<\/strong> along with <strong>Latest Posts<\/strong> and <strong>Category<\/strong> in the Slider Content Style. You can even create your own <strong>Custom slider<\/strong> in the pro theme.<\/p>\n<ul>\n<li>Log in to WordPress Admin Panel.<\/li>\n<li>Go to\u00a0<b>Appearance &gt; Customize &gt; Front Page Settings &gt; Banner Section<\/b><\/li>\n<li>Choose<strong>\u00a0Banner as Slider\u00a0<\/strong>under Banner Options. Choose Disable Banner Section if you do not want banner at all.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3200\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-6-Image-20.png\" alt=\"banner as slider blossom coach\" width=\"344\" height=\"510\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-6-Image-20.png 344w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-6-Image-20-202x300.png 202w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/p>\n<ul>\n<li>Select either\u00a0<strong>Latest Posts<\/strong>\u00a0or\u00a0<strong>Category<\/strong>\u00a0under Slider Content Style.<\/li>\n<li>Choose a\u00a0<strong>Slider Category<\/strong>\u00a0if you have selected Category under Slider Content Style. ( The posts under the selected category will appear on your slider. The post category and post title will appear on your slider.)<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3201\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-6-Image-18.png\" alt=\"Banner as slider using category\" width=\"343\" height=\"505\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-6-Image-18.png 343w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-6-Image-18-204x300.png 204w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/p>\n<ul>\n<li>Enter the\u00a0<strong>Number of Slides<\/strong>\u00a0that you want to display if you have selected\u00a0<strong>Latest Posts<\/strong>\u00a0under Slider Content Style. (\u00a0The post category and post title will appear on your slider.)<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3202\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-6-Image-20-1.png\" alt=\"\" width=\"344\" height=\"510\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-6-Image-20-1.png 344w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/06\/Page-6-Image-20-1-202x300.png 202w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/p>\n<ul>\n<li>Choose\u00a0<strong>Slider Animation<\/strong>.<\/li>\n<li>Click\u00a0<b>Publish.<\/b><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>You can choose a static image, video, or a slider on your banner section. The banner will be displayed at the top of your website. You can either follow the\u00a0video or follow the below steps to configure Banner Section of your website. Note: The Pro version of this free theme offers you an extra option [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":3095,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-3119","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3119"}],"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=3119"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3119\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3095"}],"next":[{"title":"How to Configure Client Section?","link":"https:\/\/docs.blossomthemes.com\/blossom-coach\/homepage-settings\/how-to-configure-client-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3120"}],"prev":[{"title":"How to Set Up the Front\/Landing\/Home Page?","link":"https:\/\/docs.blossomthemes.com\/blossom-coach\/homepage-settings\/how-to-set-up-the-front-landing-home-page\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/3118"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=3119"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=3119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}