Title: Befora – Before After Gallery for Elementor
Author: atiq29
Published: <strong>September 2, 2026</strong>
Last modified: September 2, 2026

---

Search plugins

![](https://ps.w.org/befora-before-after-gallery-elementor/assets/banner-772x250.
png?rev=3678341)

![](https://ps.w.org/befora-before-after-gallery-elementor/assets/icon-256x256.png?
rev=3678341)

# Befora – Before After Gallery for Elementor

 By [atiq29](https://profiles.wordpress.org/atiq29/)

[Download](https://downloads.wordpress.org/plugin/befora-before-after-gallery-elementor.1.0.0.zip)

 * [Details](https://wordpress.org/plugins/befora-before-after-gallery-elementor/#description)
 * [Reviews](https://wordpress.org/plugins/befora-before-after-gallery-elementor/#reviews)
 *  [Installation](https://wordpress.org/plugins/befora-before-after-gallery-elementor/#installation)
 * [Development](https://wordpress.org/plugins/befora-before-after-gallery-elementor/#developers)

 [Support](https://wordpress.org/support/plugin/befora-before-after-gallery-elementor/)

## Description

Befora – Before After Gallery for Elementor adds a dedicated Elementor widget for
interactive before and after image comparison galleries.

Create service or project categories and add multiple Before/After image pairs. 
Projects sharing the same category are grouped under one filter button automatically.

#### Features

 * Filterable before after gallery for Elementor
 * Unlimited project categories and comparison items
 * Fixed Before and After images with draggable reveal
 * Responsive columns, image height, row gap and column gap
 * Responsive widget, gallery, tabs, button padding and margins
 * Normal, Hover and Active filter button colors
 * Filter button typography, borders, radius and hover effects
 * Divider line color and width controls
 * Handle size, border, radius, Normal and Hover colors
 * Before and After label controls and styling
 * Image fit, position, border, radius and box shadow
 * Touch, mouse, pointer and keyboard support
 * Optional All tab and Before/After labels
 * Lazy-loaded images
 * Translation ready
 * Multiple widgets supported on the same page

### Support & Custom Development

Author: Atiqur Rehman

Email: atiqurrehman29@gmail.com

Upwork: https://www.upwork.com/freelancers/~013144137e81b3f6b3

For custom Elementor widgets, WordPress development, or plugin customization, use
the Upwork profile above. Plugin support is available through the WordPress.org 
support forum after publication.

## Screenshots

[⌊Filterable Before/After gallery with category buttons and draggable comparison
handles.⌉⌊Filterable Before/After gallery with category buttons and draggable comparison
handles.⌉[

Filterable Before/After gallery with category buttons and draggable comparison handles.

[⌊Responsive filter navigation using a dropdown on smaller devices.⌉⌊Responsive 
filter navigation using a dropdown on smaller devices.⌉[

Responsive filter navigation using a dropdown on smaller devices.

[⌊Elementor content controls for adding categories and Before/After image pairs.⌉⌊
Elementor content controls for adding categories and Before/After image pairs.⌉[

Elementor content controls for adding categories and Before/After image pairs.

[⌊Elementor styling controls for filter buttons, labels, divider, handle, spacing,
and responsive layout.⌉⌊Elementor styling controls for filter buttons, labels, divider,
handle, spacing, and responsive layout.⌉[

Elementor styling controls for filter buttons, labels, divider, handle, spacing,
and responsive layout.

[⌊Device-specific filter navigation controls with Buttons, Dropdown, or Both.⌉⌊Device-
specific filter navigation controls with Buttons, Dropdown, or Both.⌉[

Device-specific filter navigation controls with Buttons, Dropdown, or Both.

## Installation

 1. Install and activate Elementor.
 2. Upload this plugin ZIP from Plugins > Add New > Upload Plugin.
 3. Activate the plugin.
 4. Edit a page with Elementor.
 5. Search for “Before After Gallery”.
 6. Add projects, categories, Before images and After images.
 7. Customize the widget from the Content and Style tabs.

## FAQ

### Does it require Elementor Pro?

No. Elementor Pro is not required.

### Can one category contain multiple comparisons?

Yes. Give multiple projects the same category name.

### Do the images zoom while dragging?

No. Both images remain fixed. Only the clipped reveal area changes.

### Is it responsive?

Yes. Columns, heights, gaps, margins, padding and several visual controls have desktop,
tablet and mobile settings.

### Can I use buttons on desktop and a dropdown on mobile?

Yes. Desktop, tablet, and mobile each have an independent filter navigation setting.
Choose Buttons, Dropdown, or Both for each device.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Befora – Before After Gallery for Elementor” is open source software. The following
people have contributed to this plugin.

Contributors

 *   [ atiq29 ](https://profiles.wordpress.org/atiq29/)

[Translate “Befora – Before After Gallery for Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/befora-before-after-gallery-elementor)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/befora-before-after-gallery-elementor/),
check out the [SVN repository](https://plugins.svn.wordpress.org/befora-before-after-gallery-elementor/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/befora-before-after-gallery-elementor/)
by [RSS](https://plugins.trac.wordpress.org/log/befora-before-after-gallery-elementor/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * Initial public release.
 * Added filterable Before/After gallery widget for Elementor.
 * Added responsive Buttons, Dropdown, or Both filter navigation per device.
 * Added responsive layout, spacing, image, filter, label, divider, and handle controls.
 * Added mouse, touch, pointer, and keyboard interaction support.
 * Added responsive dropdown overflow handling for tablet and mobile.

## Meta

 *  Version **1.0.0**
 *  Last updated **2 days ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.5 or higher **
 *  Tested up to **7.1**
 *  PHP version ** 7.4 or higher **
 * Tags
 * [before after slider](https://wordpress.org/plugins/tags/before-after-slider/)
   [elementor](https://wordpress.org/plugins/tags/elementor/)[filterable gallery](https://wordpress.org/plugins/tags/filterable-gallery/)
   [image comparison](https://wordpress.org/plugins/tags/image-comparison/)
 *  [Advanced View](https://wordpress.org/plugins/befora-before-after-gallery-elementor/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/befora-before-after-gallery-elementor/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/befora-before-after-gallery-elementor/reviews/)

## Contributors

 *   [ atiq29 ](https://profiles.wordpress.org/atiq29/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/befora-before-after-gallery-elementor/)