Lists – Concepto Creativo

[dt_fancy_title title=»List with bullets» title_align=»left» title_size=»h6″ title_color=»custom» el_width=»100″ title_bg=»enabled» separator_color=»accent» separator_style=»disabled» custom_title_color=»#ffffff»]

[dt_vc_list style=»1″ dividers=»false» bullet_position=»middle»]

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 style=»1″ dividers=»true»]

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″ /]

[dt_fancy_title title=»Ordered list» title_align=»left» title_size=»h6″ title_color=»custom» el_width=»100″ title_bg=»enabled» separator_color=»accent» separator_style=»disabled» custom_title_color=»#ffffff»]

[dt_vc_list style=»2″ dividers=»false» bullet_position=»top»]

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″ dividers=»true»]

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″ /]

[dt_fancy_title title=»Plain list» title_align=»left» title_size=»h6″ title_color=»custom» el_width=»100″ title_bg=»enabled» separator_color=»accent» separator_style=»disabled» custom_title_color=»#ffffff»]

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

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″ dividers=»true»]

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″ /]

[dt_fancy_title title=»List with images» title_align=»left» title_size=»h6″ title_color=»custom» el_width=»100″ title_bg=»enabled» separator_color=»accent» separator_style=»disabled» custom_title_color=»#ffffff»]

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

[dt_fancy_title title=»List with iconfont» title_align=»left» title_size=»h6″ title_color=»custom» el_width=»100″ title_bg=»enabled» separator_color=»accent» separator_style=»disabled» custom_title_color=»#ffffff»]

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]

[dt_fancy_title title=»You can use visual shortcode or text shortcode» title_align=»left» title_size=»h6″ title_color=»custom» el_width=»100″ title_bg=»enabled» separator_color=»accent» separator_style=»disabled» custom_title_color=»#ffffff»]

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