Title: Columns Alignment Fix for Elementor Author: sukiwp Published: July 2, 2018 Last modified: May 19, 2019 --- Search plugins ![](https://ps.w.org/columns-alignment-fix-for-elementor/assets/banner-772x250.png? rev=1902471) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/columns-alignment-fix-for-elementor/assets/icon-256x256.png? rev=1902471) # Columns Alignment Fix for Elementor By [sukiwp](https://profiles.wordpress.org/sukiwp/) [Download](https://downloads.wordpress.org/plugin/columns-alignment-fix-for-elementor.1.2.0.zip) * [Details](https://wordpress.org/plugins/columns-alignment-fix-for-elementor/#description) * [Reviews](https://wordpress.org/plugins/columns-alignment-fix-for-elementor/#reviews) * [Installation](https://wordpress.org/plugins/columns-alignment-fix-for-elementor/#installation) * [Development](https://wordpress.org/plugins/columns-alignment-fix-for-elementor/#developers) [Support](https://wordpress.org/support/plugin/columns-alignment-fix-for-elementor/) ## Description #### 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. ## Installation 1. Go to **Plugins > Add New**. 2. Search for **Columns Alignment Fix for Elementor**. 3. Click **Install** button and then **Activate** the plugin right away. ## FAQ Will activating this plugin break my content I made before? Not at all, the fix is very optional and could be enabled only on some specific sections. So you can choose which sections you want to have the fix enabled. You might not need to enable the fix on your existing sections, your content would stay the same. What if I enabled the fix on my sections, and then decided to deactivate the plugin in the future? No worries. Once the plugin is deactivated, you would have default Elementor’s columns alignment back. After enabled, the columns look perfect on desktop, but on mobile devices my content sticks to screen edges. Why? This is expected as we already removed the native inconsistent side padding. The best suggestion is to set the section’s left and right padding to a consistent number that you desire. For example, you want to have consistent 20px gap to the screen edges, so you set the section’s left and right padding to 20px. Does it work with any theme? Absolutely! You can use any theme you like, however we really recommend you to use our theme: [Suki](https://wordpress.org/themes/suki/) – which is highly customizable, lightweight, and of course 100% compatible with Elementor and Elementor Pro. ## Reviews ![](https://secure.gravatar.com/avatar/4802795285a7e28d49a7897d84df583c5e50c66360539a2f9d2581b2ee46d172? s=60&d=retro&r=g) ### 󠀁[Does this plugin still work](https://wordpress.org/support/topic/does-this-plugin-still-work-33/)󠁿 [ZC Web](https://profiles.wordpress.org/zc-web/) March 15, 2021 Does this plugin still work. I added it to my website and it didn’t do anything. I set the section as wide column gaps. Then enabled the switch from this plugin. And it didn’t fix still have the padding on both sides of the left column and right column. Also what about margins? what if you want to align columns that have a margin? Sometimes you put a background color to a column. ![](https://secure.gravatar.com/avatar/3f20ee0e3534f9420ea23bde5346e7cd0afcc3d71788c5d3bc49130d4b764f9a? s=60&d=retro&r=g) ### 󠀁[Man, thank you! 😉](https://wordpress.org/support/topic/man-thank-you/)󠁿 [Artan](https://profiles.wordpress.org/artankrasniqi1988/) July 20, 2020 Elementor is really a huge awesome builder with a lot of cool features. But the problem with the grid-gap possibility is an old one. In terms of responsible layouts where you don´t want to touch the columns for every device size, the option to set the “column gap” is not really a solution. Just adding a padding to the columns has nothing really to do with a grid-gap. It breaks your structure when you want to have a smooth layout floating evenly from top to bottom aligned fully to the left and right. As setting layout structures is one of the first steps (for me) and the base for the following implemented widgets for pictures and texts and so on, it´s a bit sad that it creates so much problems for me and other people… :/ Trying css with grid-gap was also not a solution: Problem, the additional grid-gap pixels cause the columns to break earlier than they would, so that a weird structure occures at some point (example 2 columns in 1 row and then 1 column in 1 row). This solution seems to be the best one at the moment and I thank you so much that you safe us so much time trying to work around this problem! :* All the best for you! 🙂 ![](https://secure.gravatar.com/avatar/8006731d7ac58d1b431a0f826fa2ae72ca8552043e1e46ac7220d89ed5716c3b? s=60&d=retro&r=g) ### 󠀁[Yes yes yes](https://wordpress.org/support/topic/yes-yes-yes-8/)󠁿 [swinggraphics](https://profiles.wordpress.org/swinggraphics/) December 4, 2019 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. ![](https://secure.gravatar.com/avatar/d932246fb23545dac77662dc5f13013267ff2e66dd26fe23ae99572ec94ef0d6? s=60&d=retro&r=g) ### 󠀁[Makes Elementor work as it should](https://wordpress.org/support/topic/makes-elementor-work-as-it-should/)󠁿 [jodamo5](https://profiles.wordpress.org/jodamo5/) June 13, 2019 Fixes Elementor to what the default should be! Thanks! ![](https://secure.gravatar.com/avatar/1d90bf40066c185fe397496f2d5093440a4e5b60f7b08a1aee14df1087c693a2? s=60&d=retro&r=g) ### 󠀁[Perfect fix that should be native!](https://wordpress.org/support/topic/almost-perfect-376/)󠁿 [Yan](https://profiles.wordpress.org/yankiara/) February 20, 2019 4 replies Hi, very usefuln thanks a lot! But please allow me a little request: It would be nice to have the ability to manually set the left and right external padding of the row, so that we could align everything properly with other rows. Using the same values as gaps would be the solution. Another reason is that with your plugin, text on external columns sticks to the left and right edges, which is sometimes really annoying because you have to manually change padding of the section or columns, or use only internal sections inside a normal section to set a global padding. Thx again, mate! ![](https://secure.gravatar.com/avatar/dfba5bcba663770ea0f8b187e52d6c05dc1eb2106e7e5c091991aaaf2d49a586? s=60&d=retro&r=g) ### 󠀁[Why isn’t this feature part of the Elemetor core yet?](https://wordpress.org/support/topic/why-isnt-this-feature-part-of-the-elemetor-core-yet/)󠁿 [Arthur Končar](https://profiles.wordpress.org/arthurkoncar/) February 1, 2019 For me completely incomprehensible, why this feature needs a separate plugin! Anyway, this one here is definitely the ultimate reinforcement for my daily work with Elementor. Thank you for your efforts! Cheers, Arthur [ Read all 10 reviews ](https://wordpress.org/support/plugin/columns-alignment-fix-for-elementor/reviews/) ## Contributors & Developers “Columns Alignment Fix for Elementor” is open source software. The following people have contributed to this plugin. Contributors * [ sukiwp ](https://profiles.wordpress.org/sukiwp/) [Translate “Columns Alignment Fix for Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/columns-alignment-fix-for-elementor) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/columns-alignment-fix-for-elementor/), check out the [SVN repository](https://plugins.svn.wordpress.org/columns-alignment-fix-for-elementor/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/columns-alignment-fix-for-elementor/) by [RSS](https://plugins.trac.wordpress.org/log/columns-alignment-fix-for-elementor/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### v1.2.0 * Add global setting on Elementor > Settings > Style. #### v1.1.0 * Use inline CSS instead of static CSS file. * Add `overflow-x: hidden` CSS on content container to fix overflowing columns in small devices. #### v1.0.1 * Add load textdomain for translation #### v1.0.0 * Initial release ## Meta * Version **1.2.0** * Last updated **7 years ago** * Active installations **500+** * WordPress version ** 4.6 or higher ** * Tested up to **5.1.22** * PHP version ** 5.4 or higher ** * [Advanced View](https://wordpress.org/plugins/columns-alignment-fix-for-elementor/advanced/) ## Ratings 5 out of 5 stars. * [ 10 5-star reviews ](https://wordpress.org/support/plugin/columns-alignment-fix-for-elementor/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/columns-alignment-fix-for-elementor/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/columns-alignment-fix-for-elementor/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/columns-alignment-fix-for-elementor/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/columns-alignment-fix-for-elementor/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/columns-alignment-fix-for-elementor/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/columns-alignment-fix-for-elementor/reviews/) ## Contributors * [ sukiwp ](https://profiles.wordpress.org/sukiwp/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/columns-alignment-fix-for-elementor/)