Lists

[vc_row margin_top=”-5″ margin_bottom=”40″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/1″][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”][/vc_column][/vc_row][vc_row margin_top=”0″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/2″][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][vc_empty_space height=”20px”][vc_toggle title=”GET SETTINGS” open=”false” el_class=”shortcode-code”][dt_gap height=”10″ /]VC Element: “Fancy List”

List style: Unorderd

Bullet position: Top

Dividers: Hide[dt_gap height=”10″ /][/vc_toggle][/vc_column][vc_column width=”1/2″][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][vc_empty_space height=”20px”][vc_toggle title=”GET SETTINGS” open=”false” el_class=”shortcode-code”][dt_gap height=”10″ /]VC Element: “Fancy List”

List style: Unorderd

Bullet position: Top

Dividers: Show[dt_gap height=”10″ /][/vc_toggle][/vc_column][/vc_row][vc_row margin_top=”0″ margin_bottom=”45″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/1″][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”][/vc_column][/vc_row][vc_row margin_top=”0″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/2″][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][vc_empty_space height=”20px”][vc_toggle title=”GET SETTINGS” open=”false” el_class=”shortcode-code”][dt_gap height=”10″ /]VC Element: “Fancy List”

List style: Ordered (Numbers)

Bullet position: Top

Dividers: Hide[dt_gap height=”10″ /][/vc_toggle][/vc_column][vc_column width=”1/2″][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][vc_empty_space height=”20px”][vc_toggle title=”GET SETTINGS” open=”false” el_class=”shortcode-code”][dt_gap height=”10″ /]VC Element: “Fancy List”

List style: Ordered (Numbers)

Bullet position: Top

Dividers: Show[dt_gap height=”10″ /][/vc_toggle][/vc_column][/vc_row][vc_row margin_top=”0″ margin_bottom=”45″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/1″][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”][/vc_column][/vc_row][vc_row margin_top=”0″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/2″][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][vc_empty_space height=”20px”][vc_toggle title=”GET SETTINGS” open=”false” el_class=”shortcode-code”][dt_gap height=”10″ /]VC Element: “Fancy List”

List style: No bullets

Bullet position: Middle

Dividers: Hide

[dt_gap height=”10″ /][/vc_toggle][/vc_column][vc_column width=”1/2″][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][vc_empty_space height=”20px”][vc_toggle title=”GET SETTINGS” open=”false” el_class=”shortcode-code”][dt_gap height=”10″ /]VC Element: “Fancy List”

List style: No bullets

Bullet position: Top

Dividers: Show[dt_gap height=”10″ /][/vc_toggle][/vc_column][/vc_row][vc_row margin_top=”0″ margin_bottom=”45″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/1″][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”][/vc_column][/vc_row][vc_row margin_top=”0″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/2″][vc_column_text][dt_list style=”3″ bullet_position=”middle” dividers=”true”][dt_list_item image=”https://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=”https://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=”https://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=”https://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][/vc_column_text][vc_empty_space height=”20px”][vc_toggle title=”GET SETTINGS” open=”false”][dt_code][dt_list style=”3″ bullet_position=”top” dividers=”true”]

[dt_list_item image=”https://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][/vc_toggle][/vc_column][vc_column width=”1/2″][vc_column_text][dt_list style=”3″ bullet_position=”top” dividers=”false”][dt_list_item image=”https://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=”https://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=”https://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=”https://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][/vc_column_text][vc_empty_space height=”20px”][vc_toggle title=”GET SETTINGS” open=”false”][dt_code][dt_list style=”3″ bullet_position=”top” dividers=”false”]

[dt_list_item image=”https://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][/vc_toggle][/vc_column][/vc_row][vc_row margin_top=”0″ margin_bottom=”45″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/1″][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”][/vc_column][/vc_row][vc_row margin_top=”0″ margin_bottom=”80″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/2″][vc_column_text]

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

[/vc_column_text][vc_empty_space height=”20px”][vc_toggle title=”GET SETTINGS” open=”false”][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][/vc_toggle][/vc_column][vc_column width=”1/2″][vc_column_text]

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

[/vc_column_text][vc_empty_space height=”20px”][vc_toggle title=”GET SETTINGS” open=”false”][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][/vc_toggle][/vc_column][/vc_row][vc_row margin_top=”0″ margin_bottom=”45″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/1″][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”][/vc_column][/vc_row][vc_row margin_top=”0″ margin_bottom=”0″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”40″ parallax_speed=”0.1″][vc_column width=”1/1″][vc_column_text][dt_code][dt_list style=”1 / 2 / 3″ bullet_position=”middle / top” dividers=”true / false”]

[dt_list_item image=”https://your-site.com/image-01.png”]CONTENT[/dt_list_item]

[dt_list_item image=”https://your-site.com/image-02.png”]CONTENT[/dt_list_item]

[dt_list_item image=”https://your-site.com/image-03.png”]CONTENT[/dt_list_item]

[/dt_list][/dt_code][/vc_column_text][/vc_column][/vc_row]