Exemple del codi de Contact Form 7 per a personalitzar un formulari. Aquest codi s’enganxa en “Editar Formulario” en Contact Form 7.
<div id="contactoContactForm">
[text Nombre placeholder "Escribe aquí tu Nombre"]
[text Telefono placeholder "Escribe aquí tu Teléfono"]
[email* Email placeholder "Escribe aquí tu Correo"]
[text Ciudad placeholder "Escribe aquí tu Ciudad"]
[textarea Mensaje 10x3 placeholder "Escribe aquí tu consulta, pregunta o duda"]
[acceptance acceptance-740 optional] He leído y acepto la política de privacidad y cookies [/acceptance]
[cf7ic]
[submit "QUIERO INFORMACIÓN"]
</div>
I amb aquest codi personalitzem el CSS del formulari:
Amb el Placeholder hi ha codis per a tots els navegadors.
#contactoContactForm {
max-width: 100%;
}
#contactoContactForm input,
#contactoContactForm textarea {
background-color: #14445c;
margin-top: 12px;
color: #ccc;
}
#contactoContactForm input[type="submit"] {
margin-top: 8px;
width: 100% !important;
background-color: #947f70;
color: #000;
border-radius: 10px;
}
#contactoContactForm ::-webkit-input-placeholder {
color: #fff;
font-size: 13px;
}
#contactoContactForm ::-moz-placeholder {
color: #fff;
font-size: 13px;
}
#contactoContactForm :-ms-input-placeholder {
color: #fff;
font-size: 13px;
}
#contactoContactForm ::placeholder {
color: #fff;
font-size: 13px;
}