Respetar los nombres de los campos en formulario.

Silvia

Respuestas: 92

Trusted Member

Topic starter

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

Contenido solo visible a usuarios registrados

Respondido : 01/12/2020 1:47 pm

Argenis

Respuestas: 11585

Illustrious Member 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:

Nos comentas como te va, un saludo 🖐️

Respondido : 01/12/2020 2:04 pm

Silvia reaccionó

Silvia

Respuestas: 92

Trusted Member

Topic starter

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

Respuestas: 92

Trusted Member

Topic starter

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

Respondido : 01/12/2020 2:26 pm

Argenis

Respuestas: 11585

Illustrious Member 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 reaccionó

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