Escolha uma Página
passe o mouse sobre os campos do formulário…

Para obter esse efeito você vai precisar adicionar a classe icone ao formulário em:
Configurações de Módulo / Avançado / Classes & ID do CSS / Classes CSS

Em seguida adicione o código abaixo no CSS principal

*Ainda precisam ser feitas algumas modificações no estilo das bordas de cada campo, veja o passo a passo no vídeo.

video

.icone .et_pb_contact_form p:before {
position: absolute;
padding-top:15px;
right:0;
padding-right:5px;
color: #eee!important;
z-index: 3;
}
.icone .et_pb_contact_form_0 .input {
position: relative;
padding-left: 55px;
height: 50px;
}
.icone .et_pb_contact_field_0:before {
font-family: "ETmodules";
    font-size:30px;

content: "\e08a";
  color:#eee!important;
}

.icone .et_pb_contact_field_1:before {
font-family: "ETmodules";
    font-size:30px;

content: "\e076";
    color:#eee!important;
}
.icone .et_pb_contact_field_2:before {
font-family: "ETmodules";
    font-size:30px;

content: "c";
    color:#eee!important;
}

 

confira abaixo alguns modelos de ícones que podem ser utilizados. 

arraste para ver mais
!
\21

\22
#
\23
$
\24
%
\25
&
\26

\27
(
\28
)
\29
*
\2a
+
\2b
,
\2c

\2d
.
\2e
/
\2f
0
\30
1
\31
2
\32
3
\33
4
\34
5
\35
6
\36
7
\37
8
\38
9
\39
:
\3a
;
\3b
<
\3c
=
\3d
>
\3e
?
\3f
@
\40
A
\41
B
\42
C
\43
D
\44
E
\45
F
\46
G
\47
H
\48
I
\49
J
\4a
K
\4b
L
\4c
M
\4d
N
\4e
O
\4f
P
\50
Q
\51
R
\52
S
\53
T
\54
U
\55
V
\56
W
\57
X
\58
Y
\59
Z
\5a
[
\5b
\
\5c
]
\5d
^
\5e
_
\5f
`
\60
a
\61
b
\62
c
\63
d
\64
e
\65
g
\67
h
\68
i
\69
j
\6a
k
\6b
l
\6c
m
\6d
n
\6e
o
\6f
p
\70
q
\71
r
\72
s
\73
t
\74
u
\75
v
\76
w
\77
x
\78
y
\79
z
\7a
{
\7b
|
\7c
}
\7d
~
\7e

\e000

\e001

\e002

\e003

\e004

\e005

\e006

\e007

\e008

\e009

\e00a

\e00b

\e00c

\e00d

\e00e

\e00f

\e010

\e011

\e012

\e013

\e014

\e015

\e016

\e017

\e018

\e019

\e01a

\e01b

\e01c

\e01d

\e01e

\e01f

\e020

\e021

\e022

\e023

\e024

\e025

\e026

\e027

\e028

\e029

\e02a

\e02b

\e02c

\e02d

\e02e

\e02f

\e030

\e103

\e0ee

\e0ef

\e0e8

\e0ea

\e101

\e107

\e108

\e102

\e106

\e0eb

\e105

\e0ed

\e100

\e104

\e0e9

\e109

\e0ec

\e0fe

\e0f6

\e0fb

\e0e2

\e0e3

\e0f5

\e0fe

\e0f6

\e0fb

\e0e2

\e0e3

\e0f5

\e0e1

\e0ff

\e031

\e032

\e033

\e034

\e035

\e036

\e037


\e038