Як прибрати обгортки Contact Form 7

CF7 використовує додаткові обгортки елементів форми. Так, функціонально вони іноді потрібні, наприклад, для підсвічування помилок в полях, але вони збивають стилі при створенні з верстки теми для сайту.

1. Ви можете прибрати обгортки з СF7 (зокрема <span></span>) за допомогою  функції в function.php вашої теми.

/*Contact form 7 remove span*/
add_filter(‘wpcf7_form_elements’, function($content) {
$content = preg_replace(‘/<(span).*?class=”\s*(?:.*\s)?wpcf7-form-control-wrap(?:\s[^”]+)?\s*”[^\>]*>(.*)<\/\1>/i’, ‘\2’, $content);

return $content;
});

2. Для того, щоб підсвітити помилки в полях форми ви можете використати наступний плагін:
Jquery Validation For Contact Form 7