【问题标题】:Pop-up Slider in WordpressWordpress 中的弹出式滑块
【发布时间】:2019-06-01 07:49:35
【问题描述】:

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

【问题讨论】:

  • 您不能通过 ID '728' 定位contactform7,它仅用于查找要显示的表单。我们需要渲染的代码来帮助您。
  • 我在这里可能超出了我的深度,但这里是:
    谢谢你的回答。
  • 所以要隐藏你的表单,你应该使用#wpcf7-f728-o2 {display: none;}

标签: css wordpress popup slider carousel


【解决方案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;
}

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签