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

 
Juan Antonio
 Juan Antonio
Estimable Member

Hola!!!

Al parecer los formularios de Contac Form no se adaptan bien en la plantilla encelado cuando se reduce el tamaño del navegador.

*Adjunto captura

En el formulario de la sección contacto el área de texto del formulario también parece salirse del espacio correspondiente a su posición

Alguna solución???

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 24/08/2016 12:19 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 24/08/2016 2:00 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Juan Antonio
 Juan Antonio
Estimable Member

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

ResponderCitar
Respondido : 24/08/2016 10:22 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 24/08/2016 1:47 pm

Cursos Gratuitos WordPress

Juan Antonio
 Juan Antonio
Estimable Member

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

Alguna sugerencia???

adjunto captura de donde he colocado el codigo.

Saludos.

ResponderCitar
Respondido : 24/08/2016 3:57 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 24/08/2016 4:33 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Juan Antonio
 Juan Antonio
Estimable Member

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

ResponderCitar
Respondido : 24/08/2016 11:56 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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:

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 25/08/2016 1:39 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Juan Antonio
 Juan Antonio
Estimable Member

Ok, muchisimas gracias.

Tema resuelto.

ResponderCitar
Respondido : 25/08/2016 11:56 pm

Por favor Iniciar Sesión o Registro