时间戳

首页 > 解决方案 > Wordpress 中的弹出式滑块

css - Wordpress 中的弹出式滑块

问题描述

我使用 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 的联系表单短代码？

标签： csswordpresspopupslidercarousel

解决方案

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

如您的评论中所述，短代码显示：

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

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

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

推荐阅读