Как держать в курсе контактной формы 7 под плавающим полем ввода

Я сделал эту форму Wordpress с плагином Contact Form 7: http://ipermx.buensaltolabs.com/test-contact-form/

Однако, если вы нажмете ОТПРАВИТЬ, не заполнив поля, диапазон .wpcf7-not-valid-tip будет отображаться плавающим, и это приведет к смещению оставшихся полей вниз.

Можете ли вы помочь мне сохранить сообщения об ошибках под каждым полем?

заранее спасибо Хавьер

Как убрать количество товаров в категории WooCommerce
Как убрать количество товаров в категории WooCommerce
По умолчанию WooCommerce показывает количество товаров рядом с категорией, как показано ниже.
0
0
49
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

Добавьте display: flex; к .wpcf7-form p

результат

Круто! Спасибо.

DoctorDiseno 29.05.2019 23:12

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

Как настроить тип ввода выбрать размер в контакте из 7?
Как добавить пробел между двумя столбцами в контактной форме 7
Отобразить n символов текстового поля из контактной формы 7
Контактная форма 7 уникальный номер ссылки после заполнения формы
Перенаправить пользователя на разные страницы благодарности в зависимости от выбора, выбранного в раскрывающемся списке в полях контактной формы 7 (от 3 вариантов до 3 страниц благодарности)
Как можно запускать recaptcha v3 (тест на оценку) каждый раз, когда пользователь нажимает кнопку отправки в контакте из 7
Проверка на стороне сервера с помощью Flamingo и контактной формы 7
Пользовательское сообщение проверки для поля выбора в контактной форме 7 WordPress
Как перенаправить контактную форму 7 на другую страницу после отправки?
Замените поле количества формой, если товара нет в наличии в Woocommerce

Похожие вопросы