{"id":7285,"date":"2019-09-17T11:33:01","date_gmt":"2019-09-17T05:48:01","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-highend\/homepage-settings\/how-to-configure-featured-area-section\/"},"modified":"2022-07-06T11:50:17","modified_gmt":"2022-07-06T06:05:17","slug":"how-to-configure-featured-area-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/vilva\/homepage-settings\/how-to-configure-featured-area-section\/","title":{"rendered":"How to Configure Featured Area Section?"},"content":{"rendered":"\n<p>You can either follow the video or the below steps to configure this section in the Vilva&nbsp; theme.<\/p>\n\n\n<p><iframe loading=\"lazy\" title=\"How to configure Featured Area Section | Vilva WordPress Theme\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/8vyoYRf92rs?list=PLkJUvleBsFhf0kfmDlY6m2ElyAP5NGIKs\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1320\" height=\"396\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/featureed.jpg\" alt=\"\" class=\"wp-image-7466\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/featureed.jpg 1320w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/featureed-300x90.jpg 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/featureed-768x230.jpg 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/featureed-1024x307.jpg 1024w\" sizes=\"(max-width: 1320px) 100vw, 1320px\" \/><\/figure>\n\n\n\n<p><strong>Note:<\/strong> In Pro Theme You can add Unlimited Number of Featured Boxes.<\/p>\n\n\n\n<p><strong>Note:<\/strong> Make sure you have installed and activated the <strong>BlossomThemes Toolkit Plugin<\/strong> for this section to work as desired.<\/p>\n\n\n\n<p>Please follow the below steps to configure the Featured Area Section.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to <strong>Appearance &gt; Customize &gt; General Settings &gt; Featured Area Section.<\/strong><\/li><li>Click on &#8220;Add a Widget&#8221; and choose &#8220;Blossom: Image Text&#8221;.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"657\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/featured-area-section-widget.png\" alt=\"featured area section widget\" class=\"wp-image-6954\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/featured-area-section-widget.png 602w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/featured-area-section-widget-275x300.png 275w\" sizes=\"(max-width: 602px) 100vw, 602px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Add <strong>Title<\/strong> for the featured section and click &#8220;Add Image Text&#8221;.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"657\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/add-image-text-featured-area-section.png\" alt=\"add image text - featured area section\" class=\"wp-image-6952\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/add-image-text-featured-area-section.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/add-image-text-featured-area-section-137x300.png 137w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Upload the <strong>Image, Link Text<\/strong> and <strong>Featured Link<\/strong>. The Link Text won&#8217;t appear unless you add the Featured Link.<\/li><li>Click <strong>Apply<\/strong>. The featured area won&#8217;t appear unless you click Apply.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"301\" height=\"655\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/featured-area-apply.png\" alt=\"featured area- apply\" class=\"wp-image-6953\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/featured-area-apply.png 301w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/09\/featured-area-apply-138x300.png 138w\" sizes=\"(max-width: 301px) 100vw, 301px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>You can either follow the video or the below steps to configure this section in the Vilva&nbsp; theme. Note: In Pro Theme You can add Unlimited Number of Featured Boxes. Note: Make sure you have installed and activated the BlossomThemes Toolkit Plugin for this section to work as desired. Please follow the below steps to [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":7197,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-7285","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/7285"}],"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=7285"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/7285\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/7197"}],"prev":[{"title":"How to configure Banner Section?","link":"https:\/\/docs.blossomthemes.com\/vilva\/homepage-settings\/how-to-configure-banner-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/7284"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=7285"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=7285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}