Wordpress 中的弹出滑块

Question

我使用 Popup maker 和 Metaslider 插件创建了一个弹出窗体，允许用户在两个不同的图像之间滑动。

我只需要显示图片 1 的联系表，而对于图片 2，我希望将联系表替换为文本。

popupmaker 编辑器中的代码：

<div style="width:700px; height:490px;"> [metaslider id="716"]</div>

&nbsp;
<p style="text-align: center;">[contact-form-7 id="728" 
title="Untitled"]</p>

我尝试使用联系人表单的 ID 将图像隐藏在图像 2 中的 metaslider 编辑器中，使用：

.728 {
    display: none;
    }

未成功。如何更改下面的 CSS 以仅隐藏图像 1 的联系表单短代码？

Answer 1

您不能通过 ID“728”定位 contactform7，它仅用于查找要显示的表单。

如您的评论所述，简码显示：

<div role="form" class="wpcf7" id="wpcf7-f728-o2" lang="en-US" dir="ltr">

因此，要使用 CSS 隐藏此特定表单，您需要在前面定位其 ID，如下所示：

#wpcf7-f728-o2 {
   display: none;
}

Wordpress 中的弹出滑块

Pop-up Slider in Wordpress

css

wordpress

popup

slider

carousel