WordPress Elementor Heading widget段落间距不生效问题求助

问题根因 #

该问题是Elementor 3.4.7版本的已知官方bug，搭配Hello Elementor主题时触发概率极高：
编辑器选中Heading组件文本时，会临时注入选中态专属样式覆盖全局重置规则，所以间距显示正常；退出编辑态后，Hello Elementor主题自带的h1~h6标签margin为0的重置样式优先级高于组件内配置的间距参数，导致设置的间距失效。

可用解决方法 #

• 方案一（推荐）：将Elementor免费版升级到3.5.0及以上正式版本，该版本官方已修复Heading组件样式优先级异常问题，升级后原有间距配置可直接生效，无需额外调整。
• 方案二（全局统一修复）：如果暂时不打算升级Elementor，可在WordPress后台依次进入「外观」-「自定义」-「额外CSS」，添加如下代码后保存即可：

/* 修复Elementor Heading组件间距失效问题 */
.elementor-widget-heading .elementor-heading-title {
    margin-top: var(--e-heading-margin-top, 0) !important;
    margin-bottom: var(--e-heading-margin-bottom, 0) !important;
}

• 方案三（单个组件针对性调整）：如果仅需要调整个别Heading组件的间距，可直接编辑对应组件，切换到「高级」选项卡，在「自定义CSS」输入框填入如下代码即可：

selector .elementor-heading-title {
    margin-bottom: 20px !important; /* 将20px替换为你需要的实际间距数值 */
}

生效验证 #

所有配置完成后，依次清空Elementor编辑器缓存、站点缓存（如果有），刷新前台页面即可看到间距正常显示。

内容的提问来源于stack exchange，提问作者Mario Campos