V
V
ValeraValera2016-05-02 14:42:18
WordPress
ValeraValera, 2016-05-02 14:42:18

How to remove html tags displayed by Contact Form 7 by default?

By default, the plugin wraps each input in a tag
. I need the following code to be displayed:

<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>

The plugin outputs:
<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="[email protected]" /></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>

How to get rid of these span ?

Answer the question

In order to leave comments, you need to log in

3 answer(s)
A
Alexander, 2016-05-03
@cluberr

Wrap in <div class="form">
Styles

.form span
  display: none;

G
Gran Torino, 2016-05-03
@adrin13

Use additionally Bootstrap for Contact Form 7

I
ILE, 2015-05-30
@KolesnichenkoDS

Do it like this:

io = socketio(server); 
а не io = socketio(http);

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question