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.

Divi 5 Ready

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