Before After Image Tutorial

Essential Classy Tab from Dashboad -> Widgets then enable Before After Image

Now Drag and Drop Before After Image widget

Image : Before After Image

Dots Type : Text/Icon/Image

Set Default Position of Dots

Style Tab

Before Image Style Tab

In this tab, You can manage Filter CSS on Before Image.

Dots Style – Text

In this tab, You can manage Padding, Typography, Color, Background, Border, Shadow and Text Shadow.

Dots Style – Icon

In this tab, You can manage Padding, Size, Color, Background, Border and Shadow.

Dots Style – Image

In this tab, You can manage Padding, Max. Width of Image, Background, Border and Shadow.

Dots Style – Image Styling

In this tab, You can manage Border and It’s Shadow.

Line Style

In this tab, You can manage Size and Color of Line.