CSS для плагина Contact-Form 7, который не выбирается одинаково по всему сайту

Я изменил 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-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
0
33
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Ваши идентификаторы не совпадают, поэтому этот селектор css не будет работать (div#wpcf7-f81862-o2.wpcf7)

id="wpcf7-f81862-o1" <- Не стилизовано

id="wpcf7-f81862-o2" <- Стилизованный

Я клонировал CSS для идентификатора wpcf7-f81862-01, и это сработало! Спасибо еще раз!

Bruno Costa 04.07.2019 05:03

Другие вопросы по теме