Formularios de Contac Form no se adaptan al modo resposive em plantilla Encelado Wordspress

Hola,

En el mismo formulario puedes definir el tamaño, en el siguiente enlace tienes documentación: http://contactform7.com/text-fields/ y tambien algunos ejemplos de como modificar el size

Gracias por tu respuesta pero de esta manera las cajas quedarían muy pequeñas.

No existe la posibilidad de alguna manera de que se adapte al tamaño del navegador sin tener que reducir las cajas???

Hola Aranzazu.

Primero que nada que nada tienes que crear un archivo custom para que las modificaciones que realices en la web no se pierdan cuando actualices, revisa lo siguiente -> Agregar archivo CSS personalizado para plantillas Gantry

Una vez creado el archivo, añade lo siguiente:

/*-----------------------------
Contact Form 7 Plugin responsive.
-------------------------------*/
div.wpcf7 .wpcf7-form-control { 
	max-width: 95%; 
}

.wpcf7 select {  
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0;
    padding: 4px;
    text-indent: 0px;
    width: 100%;
    z-index: 100;
}

.wpcf7-text { 
	width: 100%;
} 


div.wpcf7 { 
	background-color: #f5f5f5; /* Adds background color */
	border: 2px solid #eee; /* Adds a form border */
	padding:20px 10px 10px 10px;
	-webkit-border-radius: 4px; /* Making form border rounded */
	-moz-border-radius: 4px; 
	border-radius: 4px; 
}

Comprueba los resultados y nos comentas.

Un salido

no ha funcionado, creo que lo he colocado todo bien...

Alguna sugerencia???

adjunto captura de donde he colocado el codigo.

Saludos.

Hola Aranzazu.

No veo ningún archivo custom en tu web por lo que no esta cargando el codigo que te pase.

Añade el mismo código en el archivo ' style.css ' que encontraras en ' wp-content/themes/encelado_wp/style.css

Un saludo

Pues creado esta... no se.

Bueno, con las nuevas indicaciones esta funcionando perfectamente.
Muchas gracias.

Entiendo que de esta manera con las actualizaciones de la plantilla o de wordpress tendre que tener cuidado y guardar copias de los archivos .css por si se pierde todo.

es correcto???

Hola,

Si tendrias que para cada actualización volver aplicar el código que te adjuntamos, otra opción es que pruebes pegando el código en el mismo plugin:

Ok, muchisimas gracias.

Tema resuelto.