[wordpress插件] Columns Alignment Fix for ElementorElementor的列对齐修复

How Elementor’s “Columns Gap” Originally Works

Elementor的“栏目空白”最初是如何工作的

The Columns Gap feature on Elementor’s section and inner section will add unnecessary paddings on the sides.

Elementor部分和内部部分的“列空白”功能将在侧面添加不必要的填充。

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.

这将删除Elementor的部分和内部的不必要的侧面填充。

This fix is done by CSS, so no content would be lost.

此修复程序是由CSS完成的，因此不会丢失任何内容。

Example

示例

Try to create 3 sections on Elementor and fill them with any content widget.

尝试在Elementor上创建3个部分，并用任何内容小部件填充它们。

After that, try to set different “Columns Gap” for each section.

之后，尝试为每个部分设置不同的“列间隙”。

• Section 1, columns gap set to “Default”
• 第1部分，列间距设置为“默认”

• Section 2, columns gap set to “No Gap”
• 第2部分，列间隙设置为“无间隙”

• Section 2, columns gap set to “Wide”
• 第2部分，列间隙设置为“宽”

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

如何激活列Alignmet Fix

1.

1。

Global configuration

全局配置

Go to Elementor > Settings > Style and check the Enabled globally option.

转到元素或设置>样式，然后选中全局启用选项。

2.

2。

Individual section

个别部分

When on Elementor builder, select a section / inner section, from the Layout tab and check the Enable Columns Alignment Fix option.

在Elementor构建器上时，从 Layout 标签中选择一个部分/内部部分，然后选中 Enable Columns Alignment Fix 选项。