CLEAR - Before & After Image Slider

Before & After Image Slider is the Ultimate module with which you can easily create beautiful Before After Image comparison Slider or Gallery. This module basically allows you to create the effect for comparing two before and after images.

We have developed a Before & After Image slider Module so let's see how it works and the way by which you can use it in your template. 

Watch the video below, where you can learn how to customize and edit the Before & After Image Slider easily.


In Before and After module, user get the following editing options:-

1. Image Settings: User can Replace/Remove the image, edit the Alt Text, edit the size and maximum size of the image.

Screenshot_465  Screenshot_469

2. Box style: In this setting, user can change the border size, border-color and border-radius of the image.



3. Resize Style:  In this setting, user can change the resizer gradient color, its opacity.  Also,

user get the option to change the border Color, border-radius in this module.


Features of Before and After Module

  • Multiple Layout: User can display images in Horizontal or Vertical layout.
  • Unlimited Slider: You can create unlimited number of slider as per the requirement.
  • Awesome UI: Easy and clean user interface.
  • Live Preview: See the preview of the slider/gallery while editing (Coming soon).
  • Image Dimensions — You can use any image sizes used in your theme.

  • Custom Image Dimensions — You can also use custom image dimension such as Width and Height for the images.

  • Custom CSS — Option to Override Default CSS and add your own style with Custom CSS.

If you have any Sales or Support related questions, you can anytime reach us at or visit this page.