Icon & content centred

[dt_benefits_vc column_width=»200″ image_background_border=»custom» image_background_border_radius=»100″ image_background_size=»62″ image_hover_background_paint=»accent» icons_size=»28″ icons_paint=»accent» icons_hover_paint=»custom» icons_hover_color=»#ffffff» decorative_lines=»hover» content_size=»normal» number=»6″ animation=»rotateIn» animate=»at_the_same_time» columns=»3″ dividers=»false» category=»with-captions»]

GET SETTINGS

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: Default

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_benefits_vc column_width=»160″ columns_number=»4″ image_background=»false» image_background_border=»custom» image_background_border_radius=»100″ image_background_size=»30″ icons_size=»36″ icons_hover_paint=»accent» decorative_lines=»static» header_size=»h6″ content_size=»small» animation=»fadeInDown» columns=»3″ dividers=»false» category=»with-captions»]

GET SETTINGS

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): 30

Backgrounds color: Default

Backgrounds hover color: Default

Icon size (in px): 36

Icons color: Semitransparent

Icons hover color: Accent

Decorative lines: Semitransparent

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_benefits_vc column_width=»200″ image_background_size=»54″ icons_size=»24″ icons_paint=»custom» icons_color=»#34beec» icons_hover_paint=»custom» icons_hover_color=»#81d742″ content_size=»normal» number=»6″ target_blank=»true» animation=»bounceIn» animate=»at_the_same_time» columns=»3″ dividers=»false» category=»with-captions»]

GET SETTINGS

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: Default

Backgrounds hover color: Default

Icon size (in px): 24

Icons color: Custom color, #34beec

Icons hover color: Custom color, #81d742

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

Icon & title inline

[dt_benefits_vc column_width=»240″ style=»2″ image_background_border=»custom» image_background_border_radius=»100″ image_background_size=»36″ image_hover_background_paint=»accent» icons_size=»20″ icons_hover_paint=»custom» icons_hover_color=»#ffffff» decorative_lines=»static» header_size=»h6″ content_size=»small» number=»6″ target_blank=»true» animate=»at_the_same_time» columns=»3″ dividers=»false» category=»with-captions»]

GET SETTINGS

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: Default

Backgrounds hover color: Accent

Icon size (in px): 20

Icons color: Semitransparent

Icons hover color: Custom color, #ffffff

Decorative lines: Semitransparent

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_benefits_vc column_width=»240″ columns_number=»2″ style=»2″ image_background=»false» image_background_border=»custom» image_background_border_radius=»100″ image_background_size=»28″ image_background_paint=»accent» image_hover_background_paint=»accent» icons_size=»24″ icons_paint=»accent» icons_hover_paint=»accent» number=»4″ target_blank=»true» animation=»fadeIn» animate=»at_the_same_time» columns=»3″ dividers=»false» category=»with-captions»]

GET SETTINGS

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_benefits_vc column_width=»240″ style=»2″ image_background_size=»32″ image_background_paint=»custom» image_background_color=»#e91e63″ icons_size=»18″ icons_paint=»custom» icons_hover_paint=»custom» icons_hover_color=»#e91e63″ content_size=»normal» number=»6″ target_blank=»true» animation=»rubberBand» animate=»at_the_same_time» columns=»3″ dividers=»false» category=»with-captions»]

GET SETTINGS

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, #e91e63

Backgrounds hover color: Default

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

Icon on the left

[dt_benefits_vc column_width=»240″ columns_number=»2″ style=»3″ image_background_size=»50″ image_background_paint=»accent» icons_size=»26″ icons_paint=»custom» icons_hover_paint=»accent» header_size=»h4″ number=»4″ animation=»zoomIn» animate=»at_the_same_time» columns=»3″ dividers=»false» category=»with-captions»]

GET SETTINGS

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: Default

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_benefits_vc column_width=»240″ style=»3″ image_background=»false» image_background_border=»custom» image_background_border_radius=»100″ image_background_size=»38″ icons_size=»30″ icons_paint=»custom» icons_color=»#178be7″ icons_hover_paint=»custom» icons_hover_color=»#46a6f3″ decorative_lines=»static» header_size=»h6″ content_size=»small» number=»6″ animation=»fadeInUp» animate=»at_the_same_time» columns=»3″ dividers=»false» category=»with-captions»]

GET SETTINGS

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: Default

Backgrounds hover color: Default

Icon size (in px): 30

Icons color: Custom #178be7

Icons hover color: Custom #46a6f3

Decorative lines: Default

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_benefits_vc column_width=»240″ columns_number=»2″ style=»3″ image_background_border=»custom» image_background_border_radius=»100″ image_background_size=»44″ image_background_paint=»custom» image_background_color=»#ff5722″ image_hover_background_paint=»custom» image_hover_background_color=»#ffc101″ icons_size=»24″ icons_paint=»custom» icons_hover_paint=»custom» icons_hover_color=»#ffffff» content_size=»normal» number=»4″ target_blank=»true» animation=»rotateIn» animate=»at_the_same_time» columns=»3″ dividers=»false» category=»with-captions»]

GET SETTINGS

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: Custom, #ff5722

Backgrounds hover color: Custom color, #ffc101

Icon size (in px): 24

Icons color: Custom color, #ffffff

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