Icon list
shortcode

Icon list shortcode allows you to add the list with the custom icons or dots.
Read documentation
Usage frequency
58%
Preset amount
67%
Customizability
90%

Available options

Default code: [dfd_icon_list module_animation="" list_fields=""]

Style – Choose between 3 preset styles;

Icon alignment – Set the aligninig for thr icon list;

Animation – Select among 14 appear effects;

Custom CSS Class – Type your own unique class name for the item – this is a useful option for those who want to create a specific style.
For example, you can type custom-style class and then go to Theme options -> General Options -> Custom CSS / JS -> Custom CSS and write your own CSS code with this class to get your own style;

Content – Allows you to add custom icon or dot for the list item, add the list content;

Icon style – Choose the icon size, color and background;

Border style – Set the style, width, border radius and color for the border;

Offset settings – Choose the offset between the icon and the content and offset between the list items;

Typography – Select letter spacing, font size, line height and text color. You can also choose the custom font family for the item content.

Default and Customized styles

Samples of preset and customized styles
Simple style
  • Capitalise on low hanging
  • Organically grow the holistic world view
  • User generated content in real-time
  • Capitalise on low hanging fruit to identify
  • Override the digital divide
  • Organically grow the holistic world view
  • Capitalise on low hanging
  • Organically grow the holistic world view
  • User generated content in real-time
  • Capitalise on low hanging fruit to identify
  • Override the digital divide
  • Capitalise on low hanging
  • Organically grow the holistic world view
  • User generated content in real-time
  • Capitalise on low hanging fruit to identify
  • Override the digital divide
divided style
  • Capitalise on low hanging
  • Organically grow the holistic world view
  • User generated content in real-time
  • Capitalise on low hanging fruit to identify
  • Override the digital divide
  • Organically grow the holistic world view
  • Capitalise on low hanging
  • Organically grow the holistic world view
  • User generated content in real-time
  • Capitalise on low hanging fruit to identify
  • Override the digital divide
  • Organically grow the holistic world view
  • Capitalise on low hanging
  • Organically grow the holistic world view
  • User generated content in real-time
  • Capitalise on low hanging fruit to identify
  • Override the digital divide
With short delimiter style
  • Capitalise on low hanging
  • Organically grow the holistic world view
  • User generated content in real-time
  • Capitalise on low hanging fruit to identify
  • Override the digital divide
  • Organically grow the holistic world view
  • Capitalise on low hanging
  • Organically grow the holistic world view
  • User generated content in real-time
  • Capitalise on low hanging fruit to identify
  • Override the digital divide
  • Capitalise on low hanging
  • Organically grow the holistic world view
  • User generated content in real-time
  • Capitalise on low hanging fruit to identify
  • Override the digital divide