TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Contact From 7 Центрирование Google reCapcha v2 в форме

1 200

Решение предложенное мной на данной странице будет Вам полезно если Вы используете Google reCapcha версии 2. HTML верстка и CSS стили помогу расположить блок с чек боксом капчи строго по центру формы, или же попап окна (в данном случае речь идет о попап окне созданном в плагине PopUps)

Для форм на странице (обычных форм)

Шорт рекапчи помещаем как-то так:

<label> Сообщение [textarea your-message] [recaptcha]</label>

В начало формы добавляем:

<style> .wpcf7-form-control-wrap { width: 100%; } .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha { margin-top: -28px; margin-left: auto; margin-right: auto; /* margin-right: 21px; */ width: 300px; } </style></strong>

Шорт рекапчи помещаем как-то так:

<label> Телефон (обязательно) [tel* tel-450] <div id="recapcha-popups">[recaptcha]</div></label> <style> .wpcf7-form-control-wrap { width: 100%; } .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha { margin-top: -28px; margin-left: auto; margin-right: auto; /* margin-right: 21px; */ width: 300px; } div#recapcha-popups .wpcf7-form-control-wrap { padding-top: 31px; margin-left: -11px; } </style>

Источник записи:

Leave A Reply

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. ПринимаюПодробнее