Не отображается чекбокс принятия в Contact Form 7 (в Chrome, Opera и Yandex browser)

Не отображается чекбокс принятия (подтверждения на обработку персональных данных) в Contact Form 7 (в Chrome, Opera и Yandex browser). В Mozilla, Edge и IE отображается нормально.

Сайт: http://kabataev-psy.ru/zapisatsja-na-prijom/

Шаблон формы:

<p class="prof-cf">Выберите запрос<br />
	[select* user-prof "Консультация (приём)" "Тестирование" "Нейропсихологическое тестирование с вынесением экспертного заключения для медицинских и экспертных организаций" "Другое"] </p>

[group group-format]
<p class="format-cf">Выберите форму работы<br />
	[checkbox* user-format exclusive "Очно" "Дистанционно (скайп)"] </p>
[/group]

[group group-format-message]
	Для этого вида запроса доступна только очная форма работы.
[/group]

<p class="name-cf">Ваше имя (обязательно)<br />
	[text* user-name] </p>

<p class="name-cf">Ваш e-mail (обязательно)<br />
	[email* user-email] </p>

<p class="name-cf">Ваш телефон (по желанию)<br />
	[tel user-phone] </p>

<p class="message-cf">Сообщение<br />
	[textarea user-message] </p>

<p class="acceptance-cf">Cтавя галочку ниже, я подтверждаю согласие на обработку персональных данных<br />
[acceptance user-acceptance] </p>

<div class="submit-cf"><p>[submit "Отправить"]</p></div>

el-lable620 el-lable.ru

У вас стили для всех элементов форм в одной "куче".
Раздельно определите стили для:

input[type="text"]
input[type="checkbox"]
input[type="submit"]
textarea

На будущее, чексбоксы практически не стилизируются.

6.1 год назад #

Комментировать

Sasha Lifestar207

Не отображается из-за правила

display: inline-block;

для span.wpcf7-list-item

Максим 6.1 год назад

Я прописал в style.css:

span.wpcf7-list-item {
	display: inline;
}

При этом чекбокс стал отображаться,но в середине. Плюс съехали другие чекбоксы ("очно" и "дистанционно" стали отображаться друг над другом и правее, а не рядом как было). Как сделать, чтоб чекбоксы отображались, при этом оставив выравнивание по левому краю?