Как убрать html теги выводимые Contact Form 7 по умолчанию?

Question

[ValeraValera]

По умолчанию плагин каждый input обертывает в тег

Мне нужно чтобы выводился следующий код:

<div class="col-md-12 col-xs-12">
                        <i class="fa fa-user"></i>
                        <input type="text" placeholder="Ваше имя">
                    </div>
                    <div class="col-md-12 col-xs-12">
                        <i class="fa fa-at"></i>
                         <input type="text" placeholder="Email">
                    </div>
                    <div class="col-md-12 col-xs-12">
                        <i class="fa fa-pencil"></i>
                        <textarea placeholder="Сообщение"></textarea>
                    </div>
                    <div class="col-md-12 col-xs-12">
                        <button class="flat-btn" type="submit">Отправить</button>
                    </div>

Плагин выводит :

<div class="col-md-12 col-xs-12">
                        <i class="fa fa-user"></i><span class="wpcf7-form-control-wrap userName"><input type="text" name="userName" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Ваше Имя" /></span>
                    </div>
<div class="col-md-12 col-xs-12">
                        <i class="fa fa-at"></i><span class="wpcf7-form-control-wrap userEmail"><input type="email" name="userEmail" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="[e-mail]" /></span>
                    </div>
<div class="col-md-12 col-xs-12">
                        <i class="fa fa-pencil"></i><span class="wpcf7-form-control-wrap userMessage"><textarea name="userMessage" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Ваш вопрос"></textarea></span>
                    </div>
<div class="col-md-12 col-xs-12">
                        <input type="submit" value="Отправить" class="wpcf7-form-control wpcf7-submit flat-btn" />
                    </div>

Как избавиться от этих span ?

Answer 1

[Александр]

Обернуть в <div class="form">
В стилях

.form span
  display: none;

Comments

[ValeraValera]

это костыли получаются, не люблю такой подход

[Александр]

Валерий Виткус: это быстро и работает, а костылить в php лучше?

[ValeraValera]

Александр: в любом случае, спасибо!

[Galyanoff]

Убирая span через display:none вы также убираете инпуты внутри него) Не возникало такой мысли?)

Answer 2

[Gran Torino]

Юзать дополнительно Bootstrap for Contact Form 7