Before & After Slider for Divi

Showcase your before & after photos in an amazing and interactive way with this easy to use Divi Pixel module. Use the Before & After Slider to display two versions of an image simply by sliding over it.

Custom Modules

Increase the level of engagement on your Divi website

This module allows you to add and customize 2 images to achieve a nice Before & After effect. It’s a great way to showcase work results, photo retouching, various services, and more. The slider can be set to a horizontal or vertical orientation, and you can customize its colors and labels.



Vertical Direction

Choose vertical slider orientation and drag the slider up and down to see two versions of the image.



Horizontal Direction

Choose horizontal slider direction and drag the slider sideways to see two versions of the image.



Custom Labels

Add your own labels text like shown below. Labels can be always displayed on the overlay or just on mouseover.



Slider Customization

Set slider style, and initial position and customize slider line and handle colors to fit your requirements.

Highly Customizable

Activate Slider on Hover or Click

Before & After

With the Divi Pixel Before & After Slider, you can easily create a vertical or horizontal slider to compare 2 images in a few simple clicks.

Powerful Features

Showcase your work results in a stunning way

Are you a make-up artist, or maybe a builder or hairdresser? Use the Before & After Slider to display your work in a beautiful and neat way. Add 2 versions of images, and showcase your work results with style.

N

Add custom labels

N

Use horizontal or vertical slider direction

N

Activate slider on hover or click

N

Add images alt text for SEO

N

Customize slider line and handle

N

Add image overlay

N

Advanced custom CSS fields