---
title: "Before & After Slider"
url: "https://divitorque.com/docs/compare-image.md"
canonical: "https://divitorque.com/docs/compare-image/"
published: "2026-01-15"
modified: "2026-07-08"
author: "Fahim Reza"
description: "Compare two images with an interactive slider. Learn how to add and configure the Before & After Slider module in Divi — settings, options, and tips."
tags:
  - "Modules"
---

# Before & After Slider

The **Image Compare module** allows users to visually compare two images by sliding a divider back and forth. This module is ideal for displaying before-and-after photos, product comparisons, or any two images where you want to highlight differences or transformations.

## Content

The Content tab enables you to upload two images to be compared and add labels for each, making it clear what each image represents. This tab also lets you set the initial position of the slider divider.

## Design

In the Design tab, you can customize the appearance of the slider handle, labels, and borders. Adjust colors, fonts, and spacing to ensure the comparison feature matches your site’s look and enhances user engagement.