Benefits

[dt_fancy_title title="Icon & content centred" 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_benefits_vc columns="3" style="1" dividers="false" image_background="true" target_blank="false" header_size="h5" content_size="normal" number="6" orderby="date" order="desc" category="with-captions" image_background_color="#81d742" image_background_paint="light" column_width="200" columns_number="3" image_hover_background_paint="accent" image_hover_background_color="#ffffff" icons_paint="accent" icons_color="#ffffff" icons_hover_paint="custom" icons_hover_color="#ffffff" decorative_lines="hover" animate="at_the_same_time" image_background_size="62" icons_size="28" image_background_border_radius="100" image_background_border="custom" animation="rotateIn"]

GET SETTINGS

[dt_gap height="10" /]
VC Element: "Benefits"

Column minimum width (px): 200

Desired columns number: 3

Benefits layout: Image, title & content centered

Icons backgrounds: Show

Border radius for image backgrounds: Custom

Border radius (in px): 100

Background size (in px): 62

Backgrounds color: Light

Backgrounds hover color: Accent

Icon size (in px): 28

Icons color: Accent

Icons hover color: Custom, #ffffff

Decorative lines: Accent

Title font size: H5

Content font size: Medium

Number of benefits to show: 6

Open link in: Same window

Order by: Date

Order way: Descending

Animation: rotateIn

Animate: At the same time
[dt_gap height="10" /]

[dt_benefits_vc columns="3" style="1" dividers="false" image_background="false" target_blank="false" header_size="h6" content_size="small" number="8" orderby="date" order="desc" category="with-captions" image_background_color="#81d742" image_background_paint="light" column_width="160" columns_number="4" image_hover_background_paint="light" image_hover_background_color="#444444" icons_paint="light" icons_color="#ffffff" icons_hover_paint="accent" icons_hover_color="#81d742" decorative_lines="static" animate="one_by_one" animation="fadeInDown" image_background_size="38" icons_size="36" image_background_border="custom" image_background_border_radius="100"]

GET SETTINGS

[dt_gap height="10" /]
VC Element: "Benefits"

Column minimum width (px): 160

Desired columns number: 4

Benefits layout: Image, title & content centered

Icons backgrounds: Hide

Border radius for image backgrounds: Custom

Border radius (in px): 100

Background size (in px): 38

Backgrounds color: Light

Backgrounds hover color: Light

Icon size (in px): 36

Icons color: Light

Icons hover color: Accent

Decorative lines: Light

Title font size: H6

Content font size: Small

Number of benefits to show: 8

Open link in: Same window

Order by: Date

Order way: Descending

Animation: fadeInDown

Animate: One-by-One
[dt_gap height="10" /]

[dt_benefits_vc columns="3" style="1" dividers="false" image_background="true" target_blank="true" header_size="h5" content_size="normal" number="6" orderby="date" order="desc" category="with-captions" image_background_color="#81d742" image_background_paint="light" column_width="200" columns_number="3" image_hover_background_paint="custom" image_hover_background_color="#34beec" icons_paint="custom" icons_color="#34beec" icons_hover_paint="custom" icons_hover_color="#ffffff" decorative_lines="disabled" animate="at_the_same_time" animation="bounceIn" image_background_size="54" icons_size="24" image_background_border_radius="100"]

GET SETTINGS

[dt_gap height="10" /]
VC Element: "Benefits"

Column minimum width (px): 200

Desired columns number: 3

Benefits layout: Image, title & content centered

Icons backgrounds: Show

Border radius for image backgrounds: Default

Background size (in px): 54

Backgrounds color: Light

Backgrounds hover color: Custom color, #34beec

Icon size (in px): 28

Icons color: Custom color, #34beec

Icons hover color: Custom color, #ffffff

Decorative lines: Disabled

Title font size: H5

Content font size: Medium

Number of benefits to show: 6

Open link in: New window

Order by: Date

Order way: Descending

Animation: bounceIn

Animate: At the same time
[dt_gap height="10" /]

[dt_fancy_title title="Icon & title inline" 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_benefits_vc columns="3" style="2" dividers="false" image_background="true" target_blank="true" header_size="h6" content_size="small" number="6" orderby="date" order="desc" category="with-captions" image_background_color="#81d742" image_background_paint="light" column_width="240" columns_number="3" image_hover_background_paint="accent" image_hover_background_color="#444444" icons_paint="light" icons_color="#ffffff" icons_hover_paint="custom" icons_hover_color="#ffffff" decorative_lines="static" animate="at_the_same_time" image_background_size="36" icons_size="20" image_background_border="custom" image_background_border_radius="100"]

GET SETTINGS

[dt_gap height="10" /]
VC Element: "Benefits"

Column minimum width (px): 240

Desired columns number: 3

Benefits layout: Image, & title inline

Icons backgrounds: Show

Border radius for image backgrounds: Custom

Border radius (in px): 100

Background size (in px): 36

Backgrounds color: Light

Backgrounds hover color: Accent

Icon size (in px): 20

Icons color: Light

Icons hover color: Custom color, #ffffff

Decorative lines: Light

Title font size: H6

Content font size: Small

Number of benefits to show: 6

Open link in: New window

Order by: Date

Order way: Descending

Animation: none

Animate: At the same time
[dt_gap height="10" /]

[dt_benefits_vc columns="3" style="2" dividers="false" image_background="false" target_blank="true" header_size="h5" content_size="big" number="4" orderby="date" order="desc" category="with-captions" image_background_color="#81d742" image_background_paint="accent" column_width="240" columns_number="2" image_hover_background_paint="accent" image_hover_background_color="#444444" icons_paint="accent" icons_color="#ffffff" icons_hover_paint="accent" icons_hover_color="#ffffff" decorative_lines="disabled" animate="at_the_same_time" animation="fadeIn" image_background_size="28" icons_size="24" image_background_border="custom" image_background_border_radius="100"]

GET SETTINGS

[dt_gap height="10" /]
VC Element: "Benefits"

Column minimum width (px): 240

Desired columns number: 2

Benefits layout: Image, & title inline

Icons backgrounds: Hide

Border radius for image backgrounds: Custom

Border radius (in px): 100

Background size (in px): 28

Backgrounds color: Accent

Backgrounds hover color: Accent

Icon size (in px): 24

Icons color: Accent

Icons hover color: Accent

Decorative lines: Disabled

Title font size: H5

Content font size: Large

Number of benefits to show: 4

Open link in: New window

Order by: Date

Order way: Descending

Animation: fadeIn

Animate: At the same time
[dt_gap height="10" /]

[dt_benefits_vc columns="3" style="2" dividers="false" image_background="true" target_blank="true" header_size="h5" content_size="normal" number="6" orderby="date" order="desc" category="with-captions" image_background_color="#e62a5a" image_background_paint="custom" column_width="240" columns_number="3" image_hover_background_paint="light" image_hover_background_color="#444444" icons_paint="custom" icons_color="#ffffff" icons_hover_paint="custom" icons_hover_color="#e62a5a" decorative_lines="disabled" animate="at_the_same_time" animation="rubberBand" image_background_size="32" icons_size="18" image_background_border_radius="100"]

GET SETTINGS

[dt_gap height="10" /]
VC Element: "Benefits"

Column minimum width (px): 240

Desired columns number: 3

Benefits layout: Image, & title inline

Icons backgrounds: Show

Border radius for image backgrounds: Default

Background size (in px): 32

Backgrounds color: Custom color, #e62a5a

Backgrounds hover color: Light

Icon size (in px): 18

Icons color: Custom color, #ffffff

Icons hover color: Custom color, #e62a5a

Decorative lines: Disabled

Title font size: H5

Content font size: Medium

Number of benefits to show: 6

Open link in: New window

Order by: Date

Order way: Descending

Animation: rubberBand

Animate: At the same time
[dt_gap height="10" /]

[dt_fancy_title title="Icon on the left" 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_benefits_vc columns="3" style="3" dividers="false" image_background="true" target_blank="false" header_size="h4" content_size="big" number="4" orderby="date" order="desc" category="with-captions" image_background_color="#81d742" image_background_paint="accent" column_width="240" columns_number="2" image_hover_background_paint="light" image_hover_background_color="#444444" icons_paint="custom" icons_color="#ffffff" icons_hover_paint="accent" icons_hover_color="#ffffff" decorative_lines="disabled" animate="at_the_same_time" animation="zoomIn" image_background_size="50" icons_size="26" image_background_border_radius="100"]

GET SETTINGS

[dt_gap height="10" /]
VC Element: "Benefits"

Column minimum width (px): 240

Desired columns number: 2

Benefits layout: Image on the left

Icons backgrounds: Show

Border radius for image backgrounds: Default

Background size (in px): 50

Backgrounds color: Accent

Backgrounds hover color: Light

Icon size (in px): 26

Icons color: Custom color, #ffffff

Icons hover color: Accent

Decorative lines: Disabled

Title font size: H4

Content font size: Large

Number of benefits to show: 4

Open link in: Same window

Order by: Date

Order way: Descending

Animation: zoomIn

Animate: At the same time
[dt_gap height="10" /]

[dt_benefits_vc columns="3" style="3" dividers="false" image_background="false" target_blank="false" header_size="h6" content_size="small" number="6" orderby="date" order="desc" category="iconfont,with-captions" image_background_color="#81d742" image_background_paint="light" column_width="240" columns_number="3" image_hover_background_paint="light" image_hover_background_color="#444444" icons_paint="light" icons_color="#ffffff" icons_hover_paint="accent" icons_hover_color="#81d742" decorative_lines="static" animate="at_the_same_time" animation="fadeInUp" image_background_size="38" icons_size="30" image_background_border="custom" image_background_border_radius="100"]

GET SETTINGS

[dt_gap height="10" /]
VC Element: "Benefits"

Column minimum width (px): 240

Desired columns number: 3

Benefits layout: Image on the left

Icons backgrounds: Hide

Border radius for image backgrounds: Custom

Border radius (in px): 100

Background size (in px): 38

Backgrounds color: Light

Backgrounds hover color: Light

Icon size (in px): 30

Icons color: Light

Icons hover color: Accent

Decorative lines: Light

Title font size: H6

Content font size: Small

Number of benefits to show: 6

Open link in: Same window

Order by: Date

Order way: Descending

Animation: fadeInUp

Animate: At the same time
[dt_gap height="10" /]

[dt_benefits_vc columns="3" style="3" dividers="false" image_background="true" target_blank="true" header_size="h5" content_size="normal" number="4" orderby="date" order="desc" category="with-captions" image_background_color="#81d742" image_background_paint="light" column_width="240" columns_number="2" image_hover_background_paint="custom" image_hover_background_color="#97dd34" icons_paint="custom" icons_color="#97dd34" icons_hover_paint="custom" icons_hover_color="#ffffff" decorative_lines="disabled" animate="at_the_same_time" animation="rotateIn" image_background_size="44" icons_size="24" image_background_border_radius="100" image_background_border="custom"]

GET SETTINGS

[dt_gap height="10" /]
VC Element: "Benefits"

Column minimum width (px): 240

Desired columns number: 2

Benefits layout: Image on the left

Icons backgrounds: Show

Border radius for image backgrounds: Custom

Border radius (in px): 100

Background size (in px): 44

Backgrounds color: Light

Backgrounds hover color: Custom color, #97dd34

Icon size (in px): 24

Icons color: Custom color, #97dd34

Icons hover color: Custom color, #ffffff

Decorative lines: Disabled

Title font size: H5

Content font size: Medium

Number of benefits to show: 4

Open link in: New window

Order by: Date

Order way: Descending

Animation: rotateIn

Animate: At the same time
[dt_gap height="10" /]
0 / 5