Simple Icon List

Duda Widget: Simple Icon List

Super simple icon list where the even and odd rows styles are automatically added and can be styled however you want. The icons will also remain inline with each other regardless of text size, and text alignment.

The Preview

Even and odd row styles are automatically added to each new item. Control the text alignment of each item separately.

This text is aligned to the left

This text is aligned to the center

This text is aligned to the right

I’m justified. I fill the space exactly (except on the last line), even if I have to stretch a bit at times. I’m justified. I fill the space exactly (except on the last line), even if I have to stretch a bit at times.

If you change the text alignment on the Design tab, it will override the alignment of the items in the list.

ALL THESE TEXT ARE STYLED WITH THE DESIGN TAB UNDER -TEXT STYLES.

Feature or Service HERE

Feature or Service HERE

Feature or Service HERE

Feature or Service HERE

Feature or Service HERE

Your icon size will change, if you have a lot of text. You can control this with the min-width setting on the design tab.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Feature or Service HERE

Feature or Service HERE

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Feature or Service HERE

Feature or Service HERE

Your icons will remain aligned regardless of text width, and regardless of Alignment.

Feature or Service HERE

Feature or Service HERE

Feature or Service HERE

Service Item of Feature number 1

Service Item of Feature number 2

Service Item of Feature number 3

Service Item of Feature number 4

Add as many items as you like.

Even rows are automatically styled the same.

Style the even rows icon colors and text colors

Odd rows are automatically styled the same.

Style the odd rows Icon colors and text colors.

Control the text alignment of each list item separately.

Control the padding of each row, and the top and bottom margin of each row.

Control the icon minimum width and the icon size.

Share by: