“Before After Widget” helps you to compare before and after images of your projects. You can easily compare images of any kind with the help of this creative widget. You can customize the widget with its customization and styling options.
Let’s look at each of the options in the “Before After Widget” below.
Install Before After Widget for Elementor #
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Before After“
- Hover over the widget in the search results and click install
- Add your “Before After” widget to any Elementor Page
General Settings #
Choose the before image.
Choose the after image.
This will allow to interact (drag handle) with the slider inside the Elementor editor.
Before After Widget Styling #
Style the slider width, background, handle width, height, background, border and radius.
Usage Examples #
Here are some live use cases for the Before After Widget.