Before / After

[dt_fancy_title title=”Follow navigation” title_align=”left” title_size=”h6″ title_color=”custom” separator_style=”disabled” el_width=”100″ title_bg=”enabled” separator_color=”accent” custom_title_color=”#ffffff”]

[dt_before_after image_1=”35177″ orientation=”horizontal” navigation=”move” offset=”50″ image_2=”35178″]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Before / After”

Choose first image: [add from Media Library]

Choose second border-image: [add from Media Library]

Orientation: Vertical

Navigation: Follow

Visible part of the “Before” image (in %): 50

[dt_gap height=”10″ /]

[dt_before_after image_1=”35028″ orientation=”vertical” navigation=”move” offset=”70″ image_2=”35181″]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Before / After”

Choose first image: [add from Media Library]

Choose second border-image: [add from Media Library]

Orientation: Horizontal

Navigation: Follow

Visible part of the “Before” image (in %): 70

[dt_gap height=”10″ /]

[dt_fancy_title title=”Click and drag navigation” title_align=”left” title_size=”h6″ title_color=”custom” separator_style=”disabled” el_width=”100″ title_bg=”enabled” separator_color=”accent” custom_title_color=”#ffffff”]

[dt_before_after image_1=”35027″ orientation=”horizontal” navigation=”drag” offset=”50″ image_2=”35180″]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Before / After”

Choose first image: [add from Media Library]

Choose second border-image: [add from Media Library]

Orientation: Vertical

Navigation: Click and drag

Visible part of the “Before” image (in %): 50

[dt_gap height=”10″ /]

[dt_before_after image_1=”35177″ orientation=”vertical” navigation=”drag” offset=”50″ image_2=”35178″]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Before / After”

Choose first image: [add from Media Library]

Choose second border-image: [add from Media Library]

Orientation: Horizontal

Navigation: Click and drag

Visible part of the “Before” image (in %): 50

[dt_gap height=”10″ /]