Add an option to fix Elementor's inconsistent columns alignment when using columns gap on sections.

sukiwp

<h4>How Elementor’s “Columns Gap” Originally Works</h4>
<p>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.</p>
<h4>What This Plugin Does</h4>
<p>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.</p>
<h4>Example</h4>
<p>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.</p>
<ul>
<li>Section 1, columns gap set to “Default”</li>
<li>Section 2, columns gap set to “No Gap”</li>
<li>Section 2, columns gap set to “Wide”</li>
</ul>
<p><strong>Without the columns alignment fix:</strong><br />
You will see inconsistent alignment on the content on those 3 sections.</p>
<p><strong>With the columns alignment fix:</strong><br />
Those 3 sections will have consistent side padding!</p>
<h3>How to Activate The Columns Alignmet Fix</h3>
<h4>1. Global configuration</h4>
<p>Go to <strong>Elementor > Settings > Style</strong> and check the <strong>Enabled globally</strong> option.</p>
<h4>2. Individual section</h4>
<p>When on Elementor builder, select a section / inner section, from the <strong>Layout</strong> tab and check the <strong>Enable Columns Alignment Fix</strong> option.</p>


Columns Alignment Fix for Elementor

Same praise as the other reviewers. I feel like Elementor actually works for building sites now. The plugin is wonderfully simple, and seeing how this was done has lead me to experiment with other custom functionality.

Alternatives to Columns Alignment Fix for Elementor

Top alternatives