Jueves, 11 Septiembre 2014 05:08

Corregir el modo Responsive del formulario de contacto del Pack Titania

Escrito por 
CMS:  WordPress |  Versión:  4.0 |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  5 minutos


Corregir el modo Responsive del formulario de contacto del Pack Titania

Al hacer el uso de la plantilla del Pack Titania para WordPress observamos que al actuar de modo Responsive el formulario de contacto no se adapta correctamente al dispositivo móvil, en este articulo vamos a indicar como corregir dicho error.

El Pack fue desarrollada por el equipo de desarrollo de Webempresa, el formulario de contacto trabaja con el plugin Contact Form 7 y la plantilla con el framework Gantry.

El error radica cuando la plantilla actúa fluidamente, notaremos que el area de texto no encaja sobre la pantalla por lo que tendremos que aplicar un cambio sobre el div de la caja mediante CSS. Tendremos que crear un archivo CSS personalizado para no perder los cambios en una futura actualización, para la creación del fichero podemos utilizar el administrador de ficheros de nuestro cPanel o un programa FTP cualquiera.

La ubicación del fichero seria wp-content/themes/titania_wp/css y en el fichero titania_wp-custom.css se debe añadir el siguiente código:

div.wpcf7 textarea {
  width: 100% !important;
}

En los parámetros del plugin ingresaremos los enlaces a las diferentes redes sociales:

El resultado final será el siguiente:

En el siguiente video se explica de manera práctica cada uno de los puntos explicados anteriormente.


¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop



Johnny Heredia Montiel

Miembro del equipo de Webempresa: soporte técnico y blog.

Google+