在Wordpress中隐藏Popup mailchimp横幅的关闭按钮

Question

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

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

＆＃13;

＆＃13;

.bannerContent__closeButton {
  display:none;
}

＆＃13;

＆＃13;

＆＃13;

但不行。任何人都可以帮我吗？

Answer 1

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

Answer 2

尝试并获得更具体的信息。链接到您的内容或更多代码会有所帮助，但基本上，

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

这样您可以覆盖默认值。如果可以，请右键单击关闭按钮，选择检查元素，然后选择Chrome中的计算选项卡。这将显示＆＃39;显示＆＃39;属性，你可以看到什么是总统。

Answer 3

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

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