Elementor柱等高功能

我如何使Elementor同样的高度?这是Elementor用户在创建Elementor部分以在UI/UX方面实现良好平衡和美观的设计时经常遇到的问题。

今天,我们将展示如何使用Elementor Equal Height功能在Elementor的高级插件.完全是免费而且易于使用。

高级插件中的Elementor等高功能

要求:

如何为Elementor启用等高功能?

通过导航到WP Dashboard->确保启用了“等高”功能Elementor的高级插件选项卡->特征选项卡。

从WP仪表板中的高级附加组件设置页面激活Elementor功能的等高
启用列高度相等Elementor的功能

等高功能有哪些选项?

Premium Addons中的等高功能可应用于:

  • 小工具:在特定小部件上应用等高功能。
  • 自定义选择器:在特定CSS类或Elementor小部件内的元素上应用等高功能。

如何在Elementor Widget上应用等高?

在这个示例中,我们有一个Elementor部分,其中有四个Elementor图标框小部件。每个小部件位于不同的列中,每个列具有不同的高度。现在,要使列具有相同的高度,只需导航到父节>高级选项卡>高度相等>启用高度相等选项。

  • 申请日期:选择apply on widgets选项,将Equal Height应用于任何Elementor widgets。
  • 小工具:选择目标小部件。在我们的情况下高级图标框.
  • 启用等高:选择要应用“等高”选项的设备。
Elementor Widget等高功能

如何在Elementor Widget中的CSS选择器上应用等高?

基本上,当您需要对小部件中的特定元素应用“等高”时,可以使用自定义选择器选项。在这种情况下,我们使用元素CSS类在其上应用等高功能。有关更多说明,请查看下面的示例。

假设,我们需要对小部件中的特定元素应用等高选项。我们有Elementor图标框小部件其中我们有三列并排。您希望使它们具有相同的高度(等高)。

Elementor图标框小工具高度不均
Elementor小工具不在同一高度

如何使用浏览器开发工具获取元素CSS类?

首先,我们需要获得正确的CSS类来应用相等的高度。为此,右键单击网页上的任意位置,然后从菜单中单击“检查”。现在,让我们定位图标框小部件文本框CSS类,以便将所有文本框设置为具有相同的高度,这将导致将所有“查找更多”按钮放置在相同的位置,并将图标框小组件的高度调整为相同的高度。

如何使用CSS类在Elementor中应用等高?

导航到父节>高级选项卡>高度相等>启用高度相等选项:

  • 申请日期:选择“在自定义选择器上应用”。
  • 选择器:插入CSS选择器以应用Equal Height。在我们的示例中,它将是前体icon盒内含物包裹但别忘了在它前面加一个点(.),所以它应该是.预混料-图标-盒子-内含物-包装
  • 启用等高:选择要应用“等高”选项的设备。

就是这样。现在你有了相同高度的所有小部件。

元素或列的等高功能

我们希望我们能够通过本指南帮助您。检查其余的特征Elementor的高级插件。


如果您仍需要任何进一步的帮助,请随时联系Premium Addons支持团队。我们非常乐意提供帮助😁


加入社区

非常欢迎您加入我们的脸谱网组和YoutTube公司获取有关新功能、改进和错误修复的更新的频道。

相关文档:

立即下载它是免费的!

现在使用高级插件扩展Elementor Page Builder功能。44+个Elementor小工具完全免费。

Elementor插件徽标的高级插件

PAPRO10关闭

完全访问90多个Elementor小部件和插件,550多个预先制作的模板。使用上面的促销代码可以立即获得10%的折扣。