1. Home
  2. Docs
  3. Content Elements
  4. Feature List

Feature List SA Element

Feature List is a very professional and most nice way to display the featured points within a webpage or a piece of content. You can easily list your key features and gain the viewer’s attention at the first look. Here in this tutorial, you’re going to learn how to use the Feature List element into Elementor Page Builder. So let’s get straight into it:

 

 


If you don’t know how to activate elements and start using it, then check the tutorials below:

Ξ Activate/De-activate Elements

Ξ Using Elementor Addons in Elementor


 

How to Customize the Feature List Element

 

»Content

 

Content Settings

⇒Feature Item

→Icon Type: Set the icon type for the feature list either as the icon or as the image.

→Icon: Select an icon from the list according to your needs or preference.

→Title: Enter the title for each feature list item. Click on Dynamic settings to apply the AnalogWP Classes to the title. (Ex. Add a light background)

→Content: Enter the content for each feature list item. Click on Dynamic settings to apply the AnalogWP Classes to the content. (Ex. Add a dark background)

→Link URL: You can make your feature list title dynamic to add a hyperlink to it. Add a link here to get the feature title to be alive by linking to other pages. Click the cog to set the link to either open in a new window or to add rel=nofollow to the link

⇒Add Item: Use the ‘+Add Item’ button to add more feature items to the list.

⇒Title HTML tag: Define the HTML tag for the feature title. Respectively h1, h2, h3, h4, h5 & h6 from bigger to smaller in size.

⇒Icon Shape: Set the icon shape either circle, square or rhombus.

⇒Shape View: Define how you want to show the icon in shape. Set the shape view either framed or stacked.

⇒Icon Position: Set the icon position either left, top or right.

⇒Show Connector: Enable/disable the connector to be shown in between the feature list item.

⇒Tab Content: Enter the description for each item

⇒Add Item: Use the ‘+Add Item’ button to add more accordion items to the list.

 


»Style

 

List

⇒Space Between: Generate the space between each feature list manually for different dimensions.

 

Icon

⇒Background Type: Set the background type either Classic or Gradient. And then customize the icon style according to your preference.

 

Content

⇒Title

→Spacing: Control the title spacing of the feature list manually for different dimensions.

→Color: Add a custom color to the title text of the feature list.

→Typography: Set the typography options for the titles.

 

⇒Description

→Color: Add a custom color to the description text of the feature list.

→Typography: Set the typography options for the description text.

 


»Advanced

Set the Advanced options that are applicable to this widget

Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of Feature List Element.


Was this article helpful to you? Yes No

How can we help?