Всплывающий слайдер в 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>

Я пытался использовать идентификатор контактной формы, чтобы скрыть изображение в редакторе метаслайдера на изображении 2, используя:

.728 {
    display: none;
    }

Неудачный. Как я могу изменить CSS ниже, чтобы скрыть шорткод формы контакта только для изображения 1?

Answer 1

Вы не можете настроить таргетинг на контактную форму7 по ее идентификатору '728', он используется только для поиска формы для отображения.

Как указано в вашем комментарии, шорткод отображает:

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

Таким образом, чтобы скрыть эту конкретную форму с помощью CSS, вам нужно нацелить ее идентификатор на передний план следующим образом:

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