List Box Element

Elegant Elements includes a useful List Box Element that will make displaying bullet points attractive and eye-catching and also allow you to give the list a title which help describing the list purpose. The list items are stylized with font awesome integration to efficiently display important bullet points to your viewers.

Left Align Title
  • Simple yet Eye-catching Design
  • Complete Font Awesome Integration
  • Select Individual Icons For Each Item
Center Align Title
  • Fully Customizable Appearance
  • Complete Icon and Background Color Control
  • Display Icons in A Circle or Without
Right Aligned Title
  • Choose from 3 Different Sizes
  • Complete Emphasis on Important Points
  • Quick, Simple, and Easy To Use

List Box Title and Box Border Control

You have full control over the list box title and box borders. You can set the title border to be square, round or pill and control the border style, width and color for overall item.

Solid Border
  • Simple yet Eye-catching Design
  • Complete Font Awesome Integration
  • Select Individual Icons For Each Item
Dashed Border
  • Fully Customizable Appearance
  • Complete Icon and Background Color Control
  • Display Icons in A Circle or Without
Dotted Border
  • Choose from 3 Different Sizes
  • Complete Emphasis on Important Points
  • Quick, Simple, and Easy To Use
Solid Border - 3px
  • Lorem ipsum dolor sit amet

  • Lorem ipsum dolor sit amet

  • Lorem ipsum dolor sit amet

Dashed Border - 3px
  • Lorem ipsum dolor sit amet

  • Lorem ipsum dolor sit amet

  • Lorem ipsum dolor sit amet

Dotted Border - 3px
  • Lorem ipsum dolor sit amet

  • Lorem ipsum dolor sit amet

  • Lorem ipsum dolor sit amet

Icon And Style Control

Select any of the font awesome icons and control the icon color and circle color. One global icon can be used in each list or choose a unique icon per line item. In addition you can choose to show no circle.

List Box Title
  • Global Icon List Item 1
  • Global Icon List Item 2
  • Global Icon List Item 3
List Box Title
  • Unique Icon List Item 1
  • Unique Icon List Item 2
  • Unique Icon List Item 3
List Box Title
  • No Circle List Item 1
  • No Circle List Item 2
  • No Circle List Item 3

List Box Title Size

You can now control the list box title font size individually to add more flexibility.

List Box Title
  • Global Icon List Item 1
  • Global Icon List Item 2
  • Global Icon List Item 3
List Box Title
  • Unique Icon List Item 1
  • Unique Icon List Item 2
  • Unique Icon List Item 3
List Box Title
  • No Circle List Item 1
  • No Circle List Item 2
  • No Circle List Item 3

List Item Size

Choose your list item icons and content to be small, medium or large.

List Box Title
  • Small List Item 1
  • Small List Item 2
  • Small List Item 3
List Box Title
  • Medium List Item 1
  • Medium List Item 2
  • Medium List Item 3
List Box Title
  • Large Item 1
  • Large Item 2
  • Large Item 3