Я изменил CSS для формы контакта 7 и показываю этот контакт 7 через модальное окно.
На одной странице (домашней) модальное окно выбирает правильный CSS для этой формы Contact 7. Все выглядит так, как я хочу.
А вот на остальных оставшихся страницах Модальное окно подхватывает ту же форму Контакта 7 НО без того же CSS.
Пример URL, где все в порядке:https://whitesaxevents.com/ (щелкните в правом углу «Плавающий слайдер», и появится всплывающая контактная форма с CSS, как я и хотел.)
Другие 2 страницы, на которых CSS не применяется:https://whitesaxevents.com/artistas/ и https://whitesaxevents.com/parcerias/
На этих двух URL-адресах CSS отличается от предыдущего, но я вызываю точно такой же контакт 7 из формы «короткий код».
Любые подсказки?
Я поместил !important в элементы CSS, которые я хочу переопределить, но я по-прежнему использую разные стили в контактной форме, в зависимости от URL-адреса, который я называю модальным. ВСЕ эти настройки CSS были сделаны с использованием пользовательского CSS по умолчанию в Wordpress.






Ваши идентификаторы не совпадают, поэтому этот селектор css не будет работать (div#wpcf7-f81862-o2.wpcf7)
id="wpcf7-f81862-o1" <- Не стилизовано
id="wpcf7-f81862-o2" <- Стилизованный
Я клонировал CSS для идентификатора wpcf7-f81862-01, и это сработало! Спасибо еще раз!