Quantcast
Channel: Webempresa
Viewing all articles
Browse latest Browse all 1649

Corregir el modo Responsive del formulario de contacto del Pack Titania

$
0
0
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.


Viewing all articles
Browse latest Browse all 1649

Trending Articles