在 Wordpress 中隐藏弹出 mailchimp 横幅的关闭按钮答案

【问题标题】：Hide close button to banner of Popup mailchimp in Wordpress在 Wordpress 中隐藏弹出 mailchimp 横幅的关闭按钮
【发布时间】：2018-05-25 11:23:25
【问题描述】：

在我的 wordpress 网站中，我实现了一个 mailchimp 弹出订阅者。我需要在移动视图中的 mailchimp 表单之前隐藏代码显示的横幅中的关闭按钮。任何人都可以帮助我吗？我尝试使用

将自定义 css 添加到我的 wordpress 主题中

.bannerContent__closeButton {
  display:none;
}

但不起作用。有人可以帮我吗？

【问题讨论】：

【解决方案1】：

您能否提供指向您网站的链接？如果您的自定义 css 代码不起作用，请仔细检查您的关闭按钮类。您可以通过在浏览器中查看它来找到它。

【讨论】：

【解决方案2】：

尝试更具体。指向您的内容的链接或更多代码会有所帮助，但基本上，

body div.yourContainer div.yourRow div.bannerContent__closeButton {
  display:none;
}

这样您就可以覆盖默认值。如果可以，请右键单击关闭按钮，选择检查元素，然后选择 Chrome 中的计算选项卡。这将向您显示“显示”属性，并且您可以看到正在占据主导地位的是什么。

【讨论】：

【解决方案3】：

上述方法不起作用的原因是弹出表单位于 MailChimp 托管的 iframe 中。您在 iframe 之外编写 CSS，这不适用于 iframe 内的内容。

您唯一的选择是构建您自己的弹出表单（或找到其他人构建的您可以修改的弹出表单）。这将需要一些客户端 JavaScript 以及服务器端组件来进行 API 调用，因为 MailChimp API 调用不支持跨域请求 (CORS)。见https://developer.mailchimp.com/documentation/mailchimp/guides/get-started-with-mailchimp-api-3/。

【讨论】：