Все довольно просто...
При отправке запроса контактной формы через аякс вам приходит ответ от сервера.
Вот скрин:
А дальше скрипт обработчик согласно ответу от аякс вставляет нужные span с сообщениями.
Вот, скрин:
<span role="alert" class="wpcf7-not-valid-tip">Поле обязательно.</span>
Для стилизации используйте этот класс
wpcf7-not-valid-tip
А вот, и другой блок, который показывает сообщение от сервера:
Стилизуйте класс -
wpcf7-response-output
<div class="wpcf7-response-output wpcf7-display-none wpcf7-validation-errors" style="display: block;" role="alert">Одно или несколько полей содержат ошибочные данные. Пожалуйста проверьте их и попробуйте ещё раз.</div>
где то ошибка о не заполненой форме отображается снизу в контейнере формы, где то она выходит за пределы этой формы, где то есть ошибка "Поле не заполнено", где то нет
Возможно, что стили для тега span просто перезаписываются и соответственно в этом проявляется и все различие