Icon List Widget

The Icon List Widget creates an easy-to-manage list of items, with each item highlighted by its own icon.


Content Tab

Layout

Choose Default or Inline. Default displays items in a vertical list, while Inline displays items horizontally.

Items

  1. Text: Enter the list item’s text
  2. Icon: Select the icon for the item
  3. Link: Enter the URL for the item’s link. Click the Link Options cog to either add rel=nofollow to the link or to open the link in a new window.

Note: Both the text and the link of the Icon List items can be generated dynamically by clicking the Dynamic icon next to each, and choosing the source of the data.

Tip: Quickly duplicate or delete items by clicking an item’s Duplicate or Delete icon 


Style

List

  1. Space Between: Control the space between list items
  2. Alignment: Align the list left, right, or center
  3. Divider: Turn the item divider lines on or off

If the Divider option is turned on, the following style options become available:

  1. Style: Choose from Solid,Double, Dotted or Dashed
  2. Weight: Set the thickness of the divider
  3. Width: Control the width of the divider relative to the container
  4. Color: Choose the divider’s color

Icon

  1. Color: Choose the icon’s color
  2. Hover: Choose the color of the icon’s hover state
  3. Size: Set the exact size of the icon
  4. Alignment: Align the icon left, right, or center

Text

  1. Text Color: Choose the color of the text
  2. Hover: Choose the color of the text’s hover state
  3. Text Indent: Set the distance between the icon and the text
  4. Typography: Set the typography options for the text

Advanced

Set the Advanced options that are applicable to this widget

Share it on social networks

Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page