Как изменить вид Contact Form 7 ?

Как изменить вид Contact Form 7 ?

Всем известен плагин обратной связи с сайта Contact Form 7. И абсолютно уверен, каждому хочется изменить его внешний вид! Такая задача у меня встала на теме VW Dentist — пропала кнопка «отправить» в форме Contact Form 7. Точнее она просто стала невидима — слилась с фоном темы.

Порыскав, в инете о чем пишут знающие люди. Нашел, что большинство советуют изменить стиль формы .wpcf7 занеся их в файл стилей темы в таблицу стилей (файл style.css) .

Где найти файл style.css?

Не советую начинающим «влезать» в файл style.css ! Я бы повесил табличку на этом файле: «НЕ ВЛЕЗАЙ УБЬЕТ» ….ВАШ САЙТ . Оказалось лучше всего и самое простое решение добавить ваш новый стиль формы в блок CSS настройщика темы: Темы -> Настроить — Дополнительные стили. В некоторых темах есть вкладка «Пользовательские CSS»: Консоль- Внешний вид -> Пользовательский CSS.

Почему именно сюда? Потому что, добавление непосредственно в файл стилей темы через редактор темы не всегда приводит в ожидаемому результату, знаю точно! Не забудьте использовать при написании своего стиля формы «!important» — это отменит существующий стиль темы в вашем коде для вашей формы.

По умолчанию Contact Form 7 вставляет тег <p> когда создаёт свою разметку. Для устранения этого «казуса» делаем:

  1. Найдите в корневой папке вашего сайта файл wp-config.php;
  2. Прокрутите файл до конца и отыщите комментарий /* Это всё, дальше не редактируем. Успехов! */ или /* That's all, stop editing! Happy blogging. */;
  3. Вставьте этот код define( 'WPCF7_AUTOP'false ); НАД надписью из пункта 2;
  4. Сохраните файл.

***

! ВНИМАНИЕ ! Перед любыми изменениями в коде сайта, и тем более в CSS, СДЕЛАЙТЕ АРХИВ И СКАЧАЙТЕ ЕГО НА СВОЙ КОМПЬЮТЕР ! Пример: Было: Стало: Код стилей CSS

Спросите как создать форму по вашему техническому описанию? 89150970797 @ mail.ru

не могу прописать в стили .wpcf7, где найти файл style.css?, !important, как изменить вид contact form 7, пропала кнопка «отправить» в форме contact form 7, где найти файл стилей темы?

Оцените статью
Добавить комментарии
Как изменить вид Contact Form 7 ?
Добро пожаловать в редактор Gutenberg
× Спросить