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.
Responsive filter navigation using a dropdown on smaller devices.
Elementor content controls for adding categories and Before/After image pairs.
Elementor styling controls for filter buttons, labels, divider, handle, spacing, and responsive layout.
Device-specific filter navigation controls with Buttons, Dropdown, or Both.