WordPress中的弹出滑块

时间:2019-06-01 07:49:35

标签: css wordpress popup slider carousel

我使用Popup maker和Metaslider插件创建了一个弹出表单,以允许用户在两​​个不同的图像之间滑动。

我只需要显示图像1的联系表,而对于图像2,我希望用文本替换联系表。

popupmaker编辑器中的代码:

// Even though v is passed as an r-value reference, 
// v is never moved-from inside test(). An object is only moved-from
// If an r-value reference to it is used to construct a new object. 
void test(std::vector<int>&& v) {
    v.push_back(4); 
}

std::vector<int> myList = {1, 2, 3}; 
test(std::move(myList)); // Adds 4 to the end of myList

// Prints 1 2 3 4
for(int i : myList) {
    std::cout << i << " ";
}

我尝试使用联系表单的ID来使用以下方法将图像隐藏在图像2中的metaslider编辑器中:

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

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

失败。如何更改下面的CSS以仅隐藏图片1的联系表单简码​​?

1 个答案:

答案 0 :(得分: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;
}