Lists

List with bullets

[dt_vc_list bullet_position=”middle” dividers=”false”]

  • 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.

[/dt_vc_list]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Fancy List”

List style: Unorderd

Bullet position: Top

Dividers: Hide[dt_gap height=”10″ /]

[dt_vc_list]

  • 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.

[/dt_vc_list]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Fancy List”

List style: Unorderd

Bullet position: Top

Dividers: Show[dt_gap height=”10″ /]

Ordered list

[dt_vc_list style=”2″ dividers=”false”]

  • 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.

[/dt_vc_list]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Fancy List”

List style: Ordered (Numbers)

Bullet position: Top

Dividers: Hide[dt_gap height=”10″ /]

[dt_vc_list style=”2″]

  • Magna phasellus risus;
  • Mauris ante a mauris ultrices;
  • Aliquam justo laoreet;
  • Lorem hendrerit risus;
  • Ipsum euismod ante a ultrices;
  • Dolor aliq magna laoreet.

[/dt_vc_list]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Fancy List”

List style: Ordered (Numbers)

Bullet position: Top

Dividers: Show[dt_gap height=”10″ /]

Plain list

[dt_vc_list style=”3″ bullet_position=”middle” dividers=”false”]

  • 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.

[/dt_vc_list]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Fancy List”

List style: No bullets

Bullet position: Middle

Dividers: Hide

[dt_gap height=”10″ /]

[dt_vc_list style=”3″]

  • Magna phasellus risus;
  • Mauris ante a mauris ultrices;
  • Aliquam justo laoreet;
  • Lorem hendrerit risus;
  • Ipsum euismod ante a ultrices;
  • Dolor aliq magna laoreet.

[/dt_vc_list]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Fancy List”

List style: No bullets

Bullet position: Top

Dividers: Show[dt_gap height=”10″ /]

List with images

[dt_list style=”3″ bullet_position=”middle” 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_item image=”http://the7.dream-demo.com/wp-content/uploads/2014/04/flat-icon-02.png”]Nulla arnare is lass aptent tacitid litora[/dt_list_item][dt_list_item image=”http://the7.dream-demo.com/wp-content/uploads/2014/04/flat-icon-03.png”]Wael ni ornare venen eu mauris litora[/dt_list_item][dt_list_item image=”http://the7.dream-demo.com/wp-content/uploads/2014/04/flat-icon-04.png”]Ornare is lass aptent taciti sociosqu ad litora[/dt_list_item][/dt_list]

GET SETTINGS

[dt_code][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][/dt_code]

[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_item image=”http://the7.dream-demo.com/wp-content/uploads/2014/04/flat-icon-02.png”]Nulla arnare is lass aptent tacitid litora[/dt_list_item][dt_list_item image=”http://the7.dream-demo.com/wp-content/uploads/2014/04/flat-icon-03.png”]Wael ni ornare venen eu mauris litora[/dt_list_item][dt_list_item image=”http://the7.dream-demo.com/wp-content/uploads/2014/04/flat-icon-04.png”]Ornare is lass aptent taciti sociosqu ad litora[/dt_list_item][/dt_list]

GET SETTINGS

[dt_code][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][/dt_code]

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

[dt_code]

  • 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.

[/dt_code]

  • 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

[dt_code]

  • 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.

[/dt_code]

Text shortcode syntax

[dt_code][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][/dt_code]