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