Columns Alignment Fix for Elementor
Add an option to fix Elementor's inconsistent columns alignment when using columns gap on sections.
The facts
- Rating
- 5★ from 10
- Active installs
- 400+
- Price
- Free
- Last updated
- 19 May 2019
- Added
- Jul 2018
- Requires WP
- 4.6
- Tested up to
- WP 5.1.24
- Requires PHP
- 5.4
- Downloads
- 8,145
Our analysis
AI-assistedColumns Alignment Fix for Elementor is a WordPress plugin designed to address issues with the Columns Gap feature in Elementor. It removes unnecessary side paddings on sections and inner sections, ensuring consistent content alignment across different sections. This is achieved through CSS, meaning no content is lost in the process.
The plugin is suitable for users who work with Elementor and want to maintain a uniform appearance in their layouts. It is particularly useful when creating multiple sections with varying column gaps, as it helps to eliminate alignment discrepancies.
Best for: This plugin is best for Elementor users looking to improve layout consistency on their sites.
What it does well
- ✓Removes unnecessary side paddings in Elementor
- ✓Ensures consistent content alignment across sections
- ✓Fix is implemented via CSS, preserving content
Where it falls short
- •Limited information available on additional features or support
- •Last updated in May 2019, may not be fully compatible with newer WordPress versions
Verdict
Columns Alignment Fix for Elementor addresses a specific alignment issue effectively. It is a straightforward solution for those needing to enhance their Elementor layouts.
From the developer
sukiwp's own description of Columns Alignment Fix for Elementor, lightly tidied.
How Elementor’s “Columns Gap” Originally Works
The Columns Gap feature on Elementor’s section and inner section will add unnecessary paddings on the sides. This makes inconsistent content alignment with theme’s container or other sections’ container.
What This Plugin Does
It will remove the unnecessary side paddings on Elementor’s section and inner section. This fix is done by CSS, so no content would be lost.
Example
Try to create 3 sections on Elementor and fill them with any content widget. After that, try to set different “Columns Gap” for each section.
- Section 1, columns gap set to “Default”
- Section 2, columns gap set to “No Gap”
- Section 2, columns gap set to “Wide”
Without the columns alignment fix:
You will see inconsistent alignment on the content on those 3 sections.
With the columns alignment fix:
Those 3 sections will have consistent side padding!
How to Activate The Columns Alignmet Fix
1. Global configuration
Go to Elementor > Settings > Style and check the Enabled globally option.
2. Individual section
When on Elementor builder, select a section / inner section, from the Layout tab and check the Enable Columns Alignment Fix option.