如何隐藏Elementor中GetYourGuide联盟插件的H2标题？

我通过Elementor的HTML部件在博客中插入GetYourGuide联盟内容，插件自动生成了一段恼人的H2标题“Unforgettable experiences I recommend”（配图说明：显示该默认标题的界面截图）。尝试过以下CSS代码（甚至添加了!important）都无法隐藏这个标题：

.title-banner {display:none;} 
.title-banner[data-v-48b40ecd] {display:none;} 

可行的解决办法： #

• 精准定位元素并调整样式作用域
  Elementor的HTML部件可能存在样式隔离，页面局部CSS无法作用到部件内的插件元素。同时，插件的标题元素可能有更深的层级结构，导致原选择器匹配失效。
  操作：用浏览器F12开发者工具定位该H2元素，复制它的完整层级选择器（比如.gyg-widget-container .title-banner），然后将这段CSS添加到主题的全局自定义CSS区域（不要放在Elementor页面的局部CSS里），确保样式优先级覆盖插件默认样式。

• 用JavaScript处理动态加载的元素
  如果插件内容是异步动态加载的，CSS会在元素生成前执行，导致无法生效。
  操作：在Elementor的HTML部件中，联盟代码的末尾添加这段脚本：

document.addEventListener('DOMContentLoaded', function() {
  const unwantedTitle = document.querySelector('.title-banner');
  if (unwantedTitle) {
    unwantedTitle.style.display = 'none';
  }
});

• 从源头禁用默认标题
  最彻底的方式是联系GetYourGuide联盟官方支持，询问是否有插件参数或后台设置可以直接关闭这个强制生成的标题，避免后续样式冲突问题。

内容的提问来源于stack exchange，提问作者Giorgio Furlani