Estilo y diseño de formulario personalizados

What can you do with custom form styling?

El estilo personalizado de nuestro creador de formularios le permite cambiar por completo el aspecto de su formulario.

Por ejemplo, puede que desee cambiar el color de fondo de sus campos a gris, o establecer los contornos en azul. El estilo personalizado te permite hacer todo esto y mucho más.

Los siguientes atributos pueden configurarse fácilmente desde el editor:

• Fondo del contenedor padre
• Opacidad del tinte de fondo del contenedor padre
• Fondo del formulario
• Anchura del formulario
• Margen superior del formulario
• Margen del pie de página del formulario
• Color primario (afecta a los colores de la barra de progreso y de los botones)
• Color del texto del cuerpo
• Color del error
• Color de la etiqueta
• Color del texto
• Color de fondo
• Color de los botones
• Color del botón seleccionado
• Color del texto del botón
• Color del borde del botón
• Color del contorno
• Color de la radio/casilla de verificación

¿Qué se puede hacer con el CSS de formularios?

CSS es un poco más complicado de usar, pero aún más potente que la configuración personalizada del estilo del formulario. Con CSS, puedes ajustar el estilo de tu formulario a casi cualquier cosa que se te ocurra.

Aquí tienes un ejemplo de cómo usar el estilo CSS para hacer que todos los elementos CSS de tu formulario tengan 100px de ancho:

// Sets all text inputs to be 100% wide
input[type=text] {
 width: 100%;
}

Cómo dar estilo a un formulario con Growform

Para dar estilo a un formulario en Growform, basta con hacer clic en el botón «Tema» situado a la derecha del editor:

A continuación, simplemente edite los estilos del formulario tanto como necesite desde las opciones de estilo presentadas.