Un campo del formulario de Contacto Jetpack se ve mal en mi sitio

  • Resuelto carolaclavo

    (@carolaclavo)


    hace 10 años, 11 meses

    Hola,

    Este es mi primer mensaje, gracias de antemano por la ayuda que me podáis dar o simplemente por tomaros la molestia de leerlo 🙂

    Estoy montando una página profesional/personal usando un tema de WordPress que se llama Pinboard. En la página de Contacto he utilizado el formulario de Contacto provisto por Jetpack. La cuestión es que el segundo campo del formulario tiene un aspecto diferente a los otros campos de nombre y contenido del mensaje. No sé cómo debo arreglar esto para que todos tengan el mismo aspecto.

    He contactado con la gente de Jetpack pero me han dicho que es cuestión del tema. Siguiendo sus sugerencias he comprobado el aspecto del formulario en Safari, Firefox y Chrome (últimas versiones) en mi máquina con OSX 10.9.2 y en todos se ve mal, esté el usuario dentro o no (por el auto relleno del formulario).

    He contactado con los creadores del tema y espero que me respondan, pero han pasado varios días desde el primer contacto, hoy lo he intentado de nuevo.

    La página de contacto es esta: http://carolaclavo.com/webwp/?page_id=107

    Lo dicho, gracias por vuestra ayuda.

Viendo 1 respuesta (de un total de 1)
  • Iniciador del debate carolaclavo

    (@carolaclavo)

    hace 10 años, 11 meses

    No hay como publicar la duda en alguna parte para relajarse y encontrar la solución. Aunque yo no tengo muchos conocimientos de maquetación, programación o CSS más allá de lo básico, después de andar mirando el código fuente del formulario y la plantilla he llegado a deducir que no había un formato para ese campo.

    Así que he probado a meter el formato que he encontrado para los campos de entrada de texto y passwords con el nombre email, no en los archivos de la plantilla sino donde toca (la plantilla tiene opción de añadir CSS personalizado).

    He pegado este código y ahora el formulario se ve con un diseño uniforme y además funciona.

    input[type="email"],
textarea {
	padding:1.5%;
	box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);
	background:#FCFCFC;
	border:#EEE 1px solid;
	color:#999;
	font-family:"Droid Sans", sans-serif;
	font-size:13px;
}

    Marcaré la respuesta como solucionada, un saludo a todos.

Viendo 1 respuesta (de un total de 1)
  • El debate ‘Un campo del formulario de Contacto Jetpack se ve mal en mi sitio’ está cerrado a nuevas respuestas.