Gravity Forms provee una serie de clases CSS predefinidas que permiten modificar el diseño de sus formularios de manera sencilla.
Para aplicar las clases CSS predefinidas en los formularios de Gravity Forms solo es necesario añadirlas en el campo «Clase CSS personalizada» de la pestaña «Apariencia», que se muestra cuando editamos un elemento.
Encuentra a continuación las clases CSS predefinidas en Gravity Forms.
Columnas en Gravity Forms
Aplicar las siguientes clases CSS sobre los elementos convierten los formularios a un formato de columnas.
2 columnas
gf_left_half
gf_right_half
3 columnas
gf_left_third
gf_middle_third
gf_right_third
Listados en columnas en Gravity Forms
Las siguientes clases CSS convierten un listado de campo «Selector / Botones selección» a un formato de columnas separadas entre sí proporcionalmente.
gf_list_2col
gf_list_3col
gf_list_4col
gf_list_5col
Listado inline
La siguiente clase CSS convierten un listado de campo «Selector / Botones selección» en una lista horizontal en línea.
gf_list_inline
Altura en listados de columnas en Gravity Forms
Las siguientes clases CSS aplican un valor de altura a todos los elementos de un listado de campo «Selector / Botones selección».
gf_list_height_25
gf_list_height_50
gf_list_height_75
gf_list_height_100
gf_list_height_125
gf_list_height_150
Scroll en Gravity Forms
La siguiente clase CSS convierte un campo «Salto de sección» en un cuadro con una altura fija que mostrará automáticamente una barra de desplazamiento vertical si hay una gran cantidad de texto. Puede resultar útil para textos extensos como un Aviso Legal.
gf_scroll_text
AM / PM en Gravity Forms
La siguiente clase CSS oculta el selector AM / PM en el campo «Hora».
gf_hide_ampm
Contador de caracteres en Gravity Forms
La siguiente clase CSS oculta el contador de caracteres que aparece abajo y a la izquierda en el campo «Párrafo», cuando se utiliza la opción de caracteres máximos.
gf_hide_charleft