Wordpress插件联系表单7错误消息

Question

我正在使用WP联系表单7插件。我想自定义错误消息呈现顺序。因为错误消息似乎与不相关的字段一起显示。

以下是每个字段生成的HTML：

<span class="wpcf7-form-control-wrap your-name">
    <input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required wpcf7-not-valid contact-input" aria-required="true" placeholder="Name">
    <span class="wpcf7-not-valid-tip-no-ajax">Please fill the required field.</span>
</span>

我想将HTML呈现为：输入前的span。

在插件controller.php我定制了这个，

'into' => 'span.wpcf7-form-control-wrap.' . $name,
'message' => $reason ); 

我之前提出过理由，但没有奏效。

同样在classes.php中，

$ve = '<span class="wpcf7-not-valid-tip-no-ajax">' . esc_html( $ve ) . '</span>';
        return apply_filters( 'wpcf7_validation_error', $ve, $name, $this );

我在跨度之前应用过滤器但没有用。

所以，我的问题是如何在各自的输入字段之上显示错误消息。 CSS提示不受高度赞赏。

注意：我们有响应式布局。