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.