Как изменить вид 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> когда создаёт свою разметку. Для устранения этого «казуса» делаем:
- Найдите в корневой папке вашего сайта файл wp-config.php;
- Прокрутите файл до конца и отыщите комментарий
/* Это всё, дальше не редактируем. Успехов! */ или /* That's all, stop editing! Happy blogging. */;
- Вставьте этот код
define( 'WPCF7_AUTOP', false );
НАД надписью из пункта 2; - Сохраните файл.
***
! ВНИМАНИЕ ! Перед любыми изменениями в коде сайта, и тем более в CSS, СДЕЛАЙТЕ АРХИВ И СКАЧАЙТЕ ЕГО НА СВОЙ КОМПЬЮТЕР ! Пример: Было: Стало: Код стилей CSS
Спросите как создать форму по вашему техническому описанию? 89150970797 @ mail.ru
не могу прописать в стили .wpcf7, где найти файл style.css?, !important, как изменить вид contact form 7, пропала кнопка «отправить» в форме contact form 7, где найти файл стилей темы?