Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] Respetar los nombres de los campos en formulario.  

 
Silvia
 Silvia
Usuario experto

Buenas tardes!!

He notado que en los campos del formulario, una vez que los vas cumplimentando, desaparecen los nombres de ese campo y no me gusta, pero no encuentro la forma de que permanezcan visibles. Puede resultar lioso para algunas personas, ya que una vez que escriben encima, no saben lo que les pregunto en ese campo.

Os adjunto dos capturas de pantalla, la primera con el formulario intacto, y la segunda, según se van introduciendo algunos datos. Como veréis, por ejemplo, en el primer campo "Nombre", una vez que introduces "Silvia", ya no aparece "Nombre" y me gustaría que se viesen ambos datos.

Tiene solución? Gracias!!

borrar11
borrar10

Contenido solo visible a usuarios registrados

Respondido : 01/12/2020 1:47 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Silvia,

Aprovechando que esta visible la web te comparto el código para que puedas ya volver a colocarla en mantenimiento:

.et_pb_contact_form label.et_pb_contact_form_label {
display: block !important;
font-weight: bold;
}

.et_pb_contact_form .et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
display: none;
}

.et_pb_contact_form ::-webkit-input-placeholder {
color: #666 !important;
}
.et_pb_contact_form.my_contact :-moz-placeholder {
color: #666 !important;
}
.et_pb_contact_form ::-moz-placeholder {
color: #666 !important;
}
.et_pb_contact_form :-ms-input-placeholder {
color: #666 !important;
}

Este de igual forma lo agregas en Apariencias > Personalizar > Css Adicional, al agregarlo debe visualizarse de esta forma:

image

Nos comentas como te va, un saludo 🖐️ 

Respondido : 01/12/2020 2:04 pm
Silvia me gusta

Silvia
 Silvia
Usuario experto
Respondido por: @argenis

.et_pb_contact_form label.et_pb_contact_form_label {
display: block !important;
font-weight: bold;
}

.et_pb_contact_form .et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
display: none;
}

.et_pb_contact_form ::-webkit-input-placeholder {
color: #666 !important;
}
.et_pb_contact_form.my_contact :-moz-placeholder {
color: #666 !important;
}
.et_pb_contact_form ::-moz-placeholder {
color: #666 !important;
}
.et_pb_contact_form :-ms-input-placeholder {
color: #666 !important;
}

 

Respondido : 01/12/2020 2:25 pm
Silvia
 Silvia
Usuario experto

Perfecto!! Arreglado con este código, mil gracias!! 🤗 😊 

Respondido : 01/12/2020 2:26 pm

Cursos Gratuitos WordPress

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Silvia,

Encantados de poder ayudar, recuerda si tienes otra duda puedes crear un nuevo tema.

Saludos 🖐️ 🖐️ 

Respondido : 01/12/2020 2:29 pm
Silvia me gusta