• Ir a navegación principal
  • Ir al contenido principal
  • Ir a la barra lateral primaria

Club WordPress | Entrevistas Emprendedores Online | Con Jaime Gármar

  • Podcast
  • Blog
  • Acceso

Personalizar columnas Gravity Forms

No hay elemento más utilizado que un Formulario de Contacto en cualquier página web, ya sea para contactar, solicitar información o presupuesto, etc…

Son numerosos los plugins para poder integrarlo, uno de ellos es Gravity Forms, cada vez más utilizado por la cantidad de funcionalidades y add-ons o herramientas secundarias e integraciones con herramientas externas que dan pie a un sin fin de posibilidades!

En muchas ocasiones necesitamos ajustar el diseño de nuestro formulario a nuestras necesidades y con Gravity Forms es realmente fácil, pero debes encontrar las indicaciones apropiadas en la documentación de su web, ya que tienen predefinidas unas clases CSS para poder poner las columnas u otro estilo a tu gusto.

Añadir css personalizada en el campo Apariencia > Clase CSS personalizada

 

Contenido:

  • Clases para colocar los campos en dos columnas:
  • En el caso de 3 columnas, las clases a asignar serían:
  • Para crear listados en columnas (solo aplicable a multiple choice/checkbox lists):
  • Para colocar en «fila india» aprovechando toda la linea:
  • Para poner texto en modo scroll, usado normalmente para resumen de condiciones o aceptación de uso de datos personales:
  • Ahorra tiempo y evita posibles errores con el Servicio Mantenimiento WordPress

Clases para colocar los campos en dos columnas:

  • gf_left_half : para el campo que quieras colocar a la izquierda
  • gf_right_half : para el campo de la derecha

 

En el caso de 3 columnas, las clases a asignar serían:

  • gf_left_third
  • gf_middle_third
  • gf_right_third

 

Para crear listados en columnas (solo aplicable a multiple choice/checkbox lists):

  • gf_list_2col

  • gf_list_3col

  • gf_list_4col

  • gf_list_5col

Para colocar en «fila india» aprovechando toda la linea:

  • gf_list_inline

Para poner texto en modo scroll, usado normalmente para resumen de condiciones o aceptación de uso de datos personales:

  • gf_scroll_text

Como con cualquier regla de CSS, tu tema particular puede contener css que anulen o reemplacen algunos de estos estilos. Los que mostramos han sido probados en una variedad amplia de temas y funcionan perfectamente pero puede que tengas que hacer algunos ajustes a tus estilos si utilizas themes «raros» de themefores o sitios similares, para que todo funcione correctamente.

En themes para Genesis como el de esta Web, sin problema!!!

 

Ahorra tiempo y evita posibles errores con el Servicio Mantenimiento WordPress

Interacciones con los lectores

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

sidebar

sidebar-alt

PATROCINADORES

COLABORAN
sticker-mule

Follow @clubwpress
Aviso legal, Política Privacidad & Cookies - Contacto - ¿Quién Soy? - Newsletter

Utilizamos cookies para darte la mejor experiencia en nuestra web >> AJUSTES.


RECIBE UN AVISO PARA LOS DIRECTOS del podcast y participa.
Experiencias sin filtros, sin humos ni falsas promesas, historias que pueden ayudarte a mejorar tu día a día como emprendedor

¡ME APUNTO!

×
Club WordPress | Entrevistas Emprendedores Online | Con Jaime Gármar
Powered by  GDPR Cookie Compliance
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.