{"id":14101,"date":"2024-04-12T05:37:31","date_gmt":"2024-04-12T05:37:31","guid":{"rendered":"https:\/\/sastraessentialaddons.com\/?post_type=docs&#038;p=14101"},"modified":"2024-11-21T11:19:42","modified_gmt":"2024-11-21T11:19:42","password":"","slug":"feature-list","status":"publish","type":"docs","link":"https:\/\/spexoaddons.com\/documentation\/feature-list\/","title":{"rendered":"Feature List"},"content":{"rendered":"<h2 id=\"0-toc-title\" class=\"betterdocs-content-heading\">How to Configure and Style Feature List<\/h2>\n<p>Designing a visually attractive feature list can help your potential buyers to make the purchase decision. With <a target=\"_blank\" href=\"https:\/\/spexoaddons.com\/widgets\/elementor-feature-list\/\" rel=\"noopener\"><b>Feature List Widget Elementor<\/b><\/a>, you can highlight key aspects of your products easily and effectively. This element allows you to personalize your Feature points and give it an astonishing look within Elementor.<\/p>\n<h2 id=\"1-toc-title\" class=\"betterdocs-content-heading\">How to Activate Feature List<\/h2>\n<p>To use this <a target=\"_blank\" href=\"https:\/\/spexoaddons.com\/widgets\/\" rel=\"noopener\"><b>Spexo Addons<\/b><\/a>\u00a0element, find the\u00a0<b>\u2018<\/b>Feature List<b>\u2018\u00a0<\/b>element from the Search option under the\u00a0<b>\u2018<\/b>ELEMENTS<b>\u2018<\/b>\u00a0tab. Simply just Drag &amp; Drop the\u00a0<b>\u2018<\/b>Feature List\u2019 into the\u00a0<b>\u2018<\/b>Drag widget here<b>\u2018\u00a0<\/b>or the \u2018+\u2019 section.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-14102 size-full\" src=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/feature-list-1.jpg\" alt=\"Feature List Widget in Elementor\" width=\"1896\" height=\"665\" srcset=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/feature-list-1.jpg 1896w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/feature-list-1-300x105.jpg 300w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/feature-list-1-1024x359.jpg 1024w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/feature-list-1-768x269.jpg 768w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/feature-list-1-1536x539.jpg 1536w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/feature-list-1-600x210.jpg 600w\" sizes=\"(max-width: 1896px) 100vw, 1896px\" \/><\/p>\n<p>After you are successfully done with step 1, this is how the element is going to look like.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-14105 size-full\" src=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/feature-list-2.jpg\" alt=\"Feature List Widget for Elementor\" width=\"1893\" height=\"788\" srcset=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/feature-list-2.jpg 1893w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/feature-list-2-300x125.jpg 300w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/feature-list-2-1024x426.jpg 1024w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/feature-list-2-768x320.jpg 768w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/feature-list-2-1536x639.jpg 1536w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/feature-list-2-600x250.jpg 600w\" sizes=\"(max-width: 1893px) 100vw, 1893px\" \/><\/p>\n<h2 id=\"2-toc-title\" class=\"betterdocs-content-heading\">How to Configure the Content Settings<\/h2>\n<p>Under the \u2018Content\u2019 tab, you will be able to configure the \u2018Content Settings\u2019.<\/p>\n<h3 id=\"3-toc-title\" class=\"betterdocs-content-heading\">General<\/h3>\n<p>This section allows you change the \u2018HTML Tag\u2019 for the title. You can use the dropdown to pick your preferred Icon Shape out of these 2: Square and Rhombus. Besides, you can change the Shape view of the Icons as well. It also allows you to modify the alignment of the icons. To display the connection between the icons, simply just enable the toggle \u2018Show Connector\u2019.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-15704 size-full\" src=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-3.jpg\" alt=\"Feature List Elementor\" width=\"323\" height=\"737\" srcset=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-3.jpg 323w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-3-131x300.jpg 131w\" sizes=\"(max-width: 323px) 100vw, 323px\" \/><\/p>\n<h3 id=\"4-toc-title\" class=\"betterdocs-content-heading\">Content<\/h3>\n<p>This section allows you to add any number of \u2018Feature Items\u2019 as you wish. For each Feature Item, you can insert an Icon or an Image. Besides, you can add your own title and content for each of them as well. If you want to, you have the freedom to add a link to the featured items. To add more feature items, simply click on the \u2018+ Add Item\u2019 button.<\/p>\n<p>Moreover, you are able to change the custom style for particular feature in that you can change Title color, Icon color, Icon background color and Icon border color.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15705 size-full\" src=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-4.jpg\" alt=\"Feature List for Elementor\" width=\"327\" height=\"370\" srcset=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-4.jpg 327w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-4-265x300.jpg 265w\" sizes=\"(max-width: 327px) 100vw, 327px\" \/><\/p>\n<h3 id=\"5-toc-title\" class=\"betterdocs-content-heading red-color\"><b><\/b><a href=\"https:\/\/spexoaddons.com\/widgets\/elementor-feature-list\/\" target=\"_blank\" rel=\"noopener\" class=\"red-link\">Click to See Live Demo<\/a><\/h3>\n<h2 id=\"6-toc-title\" class=\"betterdocs-content-heading\">How to Style Feature List<\/h2>\n<p>Switch to the \u2018Style\u2019 tab to style all the features of\u00a0<b>Feature List<\/b>.<\/p>\n<h3 id=\"7-toc-title\" class=\"betterdocs-content-heading\">Media<\/h3>\n<p>From the \u2018Media\u2019 section, you can add your preferred \u2018Color\u2019 and \u2018Backgroung color\u2019 for the icons. Besides, you can control the spacing, size and padding for all three devices. If you want, you can even add border-radius as well.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15706 size-full\" src=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-5.jpg\" alt=\"Feature List in Elementor\" width=\"325\" height=\"644\" srcset=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-5.jpg 325w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-5-151x300.jpg 151w\" sizes=\"(max-width: 325px) 100vw, 325px\" \/><\/p>\n<h3 id=\"8-toc-title\" class=\"betterdocs-content-heading\">Line<\/h3>\n<p>From the \u2018Line\u2019 section, If the Connector option is enabled, you can change its type, style, color and width.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15707 size-full\" src=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-6.jpg\" alt=\"Spexo Feature List Widget Elementor\" width=\"326\" height=\"260\" srcset=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-6.jpg 326w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-6-300x239.jpg 300w\" sizes=\"(max-width: 326px) 100vw, 326px\" \/><\/p>\n<h3 id=\"9-toc-title\" class=\"betterdocs-content-heading\">Title &amp; Description<\/h3>\n<p>From the \u2018Title &amp; Description\u2019 section, you will have the freedom to change the color and typography for the \u2018Title\u2019 and \u2018Description\u2019 for the <b>Feature List<\/b>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15708 size-full\" src=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-7.jpg\" alt=\"Spexo Feature List Widget in Elementor\" width=\"326\" height=\"351\" srcset=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-7.jpg 326w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-7-279x300.jpg 279w\" sizes=\"(max-width: 326px) 100vw, 326px\" \/><\/p>\n<h2 id=\"10-toc-title\" class=\"betterdocs-content-heading\">Final Outcome<\/h2>\n<p>By following the basic steps and a bit more modifying, you can style your\u00a0<b>Feature List<\/b>\u00a0as per your preference.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15709 size-full\" src=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-8.jpg\" alt=\"Spexo Feature List Widget for Elementor\" width=\"1461\" height=\"655\" srcset=\"https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-8.jpg 1461w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-8-300x134.jpg 300w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-8-1024x459.jpg 1024w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-8-768x344.jpg 768w, https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/04\/feature-list-8-600x269.jpg 600w\" sizes=\"(max-width: 1461px) 100vw, 1461px\" \/><\/p>\n<p>With the help of <b>Feature List<\/b>, this is how you can highlight a key short description about your product with beautiful icons and make your viewers blown away.<\/p>\n<p>Getting stuck? Feel to\u00a0<b><\/b><a href=\"https:\/\/support.templatescoder.com\/\" target=\"_blank\" rel=\"noopener nofollow\"><b>Contact Our Support<\/b><\/a>\u00a0for further assistance.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to Configure and Style Feature List Designing a visually attractive feature list can help your potential buyers to make the purchase decision. With Feature List Widget Elementor, you can highlight key aspects of your products easily and effectively. This element allows you to personalize your Feature points and give it an astonishing look within [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-14101","docs","type-docs","status-publish","hentry","doc_category-creative-elements"],"acf":[],"year_month":"2026-04","word_count":468,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Nayan Bagia","author_nicename":"sastraadmin","author_url":"https:\/\/spexoaddons.com\/author\/sastraadmin\/"},"doc_category_info":[],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/docs\/14101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/docs\/14101\/revisions"}],"wp:attachment":[{"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/media?parent=14101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}