ICON LIST ITEMS

CREATE SINGLE LIST ITEMS WITH ICONS

Ever wanted to show a fancy list with something else then normal bullet points? Maybe even use icons instead and assign different colors? Visual Composer Extensions come with a simple but effective “Icon List Element” that allows you to do just that. You can even apply a CSS3 tooltip and a link to each individual list item .

You can assign a CSS3 animation to each icon, either as an infinite animation that is active all the time, or as an animation triggered when hovering over the list item. There are over 70 different animations to select from.

When used with long text strings, the text wraps correctly next to the icon, just like a normal ul list would do. You can also position the icon on the right side, instead of the left one, and define the text alignment (left / right / center / justify).

Export Page Content
conceptual_words_085

LIST ITEM EXAMPLES

CREATE SINGLE LIST ITEMS WITH ICONS

This is a pretty list item
This is a pretty list item
This is a pretty list item
This is a pretty list item
This is a pretty list item
This is a pretty list item
This is a pretty list item
This is a pretty list item
This is a pretty list item
This is a pretty list item
This is a pretty list item
This is a pretty list item

While this is not an actual ul list, it looks like one. That allows you to assign a different icon with a different color to each item in the list. You can even change the font size in between list items.

List Item with Icon Animation
List Item with Icon Animation
List Item with Icon Animation
List Item with Icon Animation
Phasellus sed placerat erat, eget aliquam arcu. Mauris egestas consectetur pellentesque. Vivamus commodo turpis nibh. Sed ligula velit, egestas nec tortor vel, scelerisque sodales lorem. Sed vel elit vel nisi accumsan facilisis et sit amet nunc. Maecenas interdum aliquet ipsum, sed malesuada nisl rhoncus sed. Suspendisse quis hendrerit odio. Aenean pretium pulvinar tellus et mollis.
Phasellus sed placerat erat, eget aliquam arcu. Mauris egestas consectetur pellentesque. Vivamus commodo turpis nibh. Sed ligula velit, egestas nec tortor vel, scelerisque sodales lorem. Sed vel elit vel nisi accumsan facilisis et sit amet nunc. Maecenas interdum aliquet ipsum, sed malesuada nisl rhoncus sed. Suspendisse quis hendrerit odio. Aenean pretium pulvinar tellus et mollis.
Phasellus sed placerat erat, eget aliquam arcu. Mauris egestas consectetur pellentesque. Vivamus commodo turpis nibh. Sed ligula velit, egestas nec tortor vel, scelerisque sodales lorem. Sed vel elit vel nisi accumsan facilisis et sit amet nunc. Maecenas interdum aliquet ipsum, sed malesuada nisl rhoncus sed. Suspendisse quis hendrerit odio. Aenean pretium pulvinar tellus et mollis.
Phasellus sed placerat erat, eget aliquam arcu. Mauris egestas consectetur pellentesque. Vivamus commodo turpis nibh. Sed ligula velit, egestas nec tortor vel, scelerisque sodales lorem. Sed vel elit vel nisi accumsan facilisis et sit amet nunc. Maecenas interdum aliquet ipsum, sed malesuada nisl rhoncus sed. Suspendisse quis hendrerit odio. Aenean pretium pulvinar tellus et mollis.