Dolor ornare aptent taciti sociosqu ad litora
Nulla arnare is lass aptent tacitid litora
Wael ni ornare venen eu mauris litora
Ornare is lass aptent taciti sociosqu ad litora
List with bullets
- Magna phasellus euismod ante;
- Mauris euismod anteultrices;
- Aliquam aliquet quis justo laoreet;
- Lorem hendrerit risus felisrdiet;
- Ipsum for euismod ante a ultrices;
- Dolor aliquet magna justo laoreet;
- Mauris risus felisrdiet quis;
- Lorem hendrerit risus felisrdiet.
GET SETTINGS
VC Element: “Fancy List”
List style: Unorderd
Bullet position: Top
Dividers: Hide
- Magna phasellus risus felisrdiet;
- Mauris euismod ante a ultrices;
- Aliquam aliquet quis justo laoreet;
- Lorem hendrerit risus felisrdiet;
- Ipsum for ante a mauris ultrices;
- Dolor aliquet magna justo laoreet.
GET SETTINGS
VC Element: “Fancy List”
List style: Unorderd
Bullet position: Top
Dividers: Show
Ordered list
- Magna phasellus risus;
- Mauris ante a mauris ultrices;
- Aliquam justo laoreet;
- Lorem hendrerit risus;
- Ipsum euismod ante a ultrices;
- Dolor aliq magna laoreet;
- Lorem glavrida dolor amet.
GET SETTINGS
VC Element: “Fancy List”
List style: Ordered (Numbers)
Bullet position: Top
Dividers: Hide
- Magna phasellus risus;
- Mauris ante a mauris ultrices;
- Aliquam justo laoreet;
- Lorem hendrerit risus;
- Ipsum euismod ante a ultrices;
- Dolor aliq magna laoreet.
GET SETTINGS
VC Element: “Fancy List”
List style: Ordered (Numbers)
Bullet position: Top
Dividers: Show
Plain list
- Magna phase euismod ante;
- Mauris ante a mauris ultrices;
- Aliquam aliquet quis justo laoreet;
- Lorem hendrerit risus felisrdiet;
- Ipsum for ante a mauris ultrices;
- Dolor aliquet magna justo laoreet;
- Mauris risus magna quis;
- Lorem hendrerit risus felisrdiet.
GET SETTINGS
VC Element: “Fancy List”
List style: No bullets
Bullet position: Middle
Dividers: Hide
- Magna phasellus risus;
- Mauris ante a mauris ultrices;
- Aliquam justo laoreet;
- Lorem hendrerit risus;
- Ipsum euismod ante a ultrices;
- Dolor aliq magna laoreet.
GET SETTINGS
VC Element: “Fancy List”
List style: No bullets
Bullet position: Top
Dividers: Show
List with images
GET SETTINGS
[dt_list style="3" bullet_position="top" dividers="true"]
[dt_list_item image="http://the7.dream-demo.com/wp-content/uploads/2014/04/flat-icon-01.png"]Dolor ornare aptent taciti sociosqu ad litora[/dt_list_item]
[/dt_list]
- Dolor ornare aptent taciti sociosqu ad litora
- Nulla arnare is lass aptent tacitid litora
- Wael ni ornare venen eu mauris litora
- Ornare is lass aptent taciti sociosqu ad litora
GET SETTINGS
[dt_list style="3" bullet_position="top" dividers="false"]
[dt_list_item image="http://the7.dream-demo.com/wp-content/uploads/2014/04/flat-icon-01.png"]Dolor ornare aptent taciti sociosqu ad litora[/dt_list_item]
[/dt_list]
List with iconfont
- Magna phase euismod ante;
- Mauris ante a mauris ultrices;
- Aliquam aliquet quis justo laoreet;
- Lorem hendrerit risus felisrdiet;
- Ipsum for ante a mauris ultrices;
- Dolor aliquet magna justo laoreet;
- Mauris risus magna quis;
- Lorem hendrerit risus felisrdiet.
GET SETTINGS
<ul class="fa-ul">
<li><i class="fa-li fa fa-check-square"></i>Magna phase euismod ante;</li>
<li><i class="fa-li fa fa-check-square"></i>Mauris ante a mauris ultrices;</li>
<li><i class="fa-li fa fa-check-square"></i>Aliquam aliquet quis justo laoreet;</li>
<li><i class="fa-li fa fa-check-square"></i>Lorem hendrerit risus felisrdiet;</li>
<li><i class="fa-li fa fa-check-square"></i>Ipsum for ante a mauris ultrices;</li>
<li><i class="fa-li fa fa-check-square"></i>Dolor aliquet magna justo laoreet;</li>
<li><i class="fa-li fa fa-check-square"></i>Mauris risus magna quis;</li>
<li><i class="fa-li fa fa-check-square"></i>Lorem hendrerit risus felisrdiet.</li>
</ul>
- Magna phase euismod ante;
- Mauris ante a mauris ultrices;
- Aliquam aliquet quis justo laoreet;
- Lorem hendrerit risus felisrdiet;
- Ipsum for ante a mauris ultrices;
- Dolor aliquet magna justo laoreet;
- Mauris risus magna quis;
- Lorem hendrerit risus felisrdiet.
GET SETTINGS
<ul class="fa-ul">
<li><i class="fa-li fa fa-camera"></i>Magna phase euismod ante;</li>
<li><i class="fa-li fa fa-taxi"></i>Mauris ante a mauris ultrices;</li>
<li><i class="fa-li fa fa-coffee"></i>Aliquam aliquet quis justo laoreet;</li>
<li><i class="fa-li fa fa-pie-chart"></i>Lorem hendrerit risus felisrdiet;</li>
<li><i class="fa-li fa fa fa-heart"></i>Ipsum for ante a mauris ultrices;</li>
<li><i class="fa-li fa fa-cog"></i>Dolor aliquet magna justo laoreet;</li>
<li><i class="fa-li fa fa-rocket"></i>Mauris risus magna quis;</li>
<li><i class="fa-li fa fa-suitcase"></i>Lorem hendrerit risus felisrdiet.</li>
</ul>
You can use visual shortcode or text shortcode
[dt_list style="1 / 2 / 3" bullet_position="middle / top" dividers="true / false"]
[dt_list_item image="http://your-site.com/image-01.png"]CONTENT[/dt_list_item]
[dt_list_item image="http://your-site.com/image-02.png"]CONTENT[/dt_list_item]
[dt_list_item image="http://your-site.com/image-03.png"]CONTENT[/dt_list_item]
[/dt_list]