Hacer que el fondo de tu formulario sea transparente es una manera sencilla de integrarlo perfectamente con el diseño de tu sitio web. Esto puede ayudar a que tu formulario tenga una apariencia más limpia y mejor integrada, sin abrumar la estética de la página.
En el Creador de Formularios de Jotform, puedes ajustar fácilmente el fondo de tu formulario utilizando las siguientes funciones:
Diseñador de Formularios
La forma más fácil de cambiar la transparencia de tu formulario es a través del Diseñador de Formularios.
- En el Creador de Formularios, haz clic en el Diseñador de Formularios (icono de rodillo de pintura) en el lado derecho de la página.
- En la pestaña Colores, en el cuadro Color del Formulario, establece el color escribiéndolo como Transparente.
O, haz clic en la Xicono de las opciones de color que se muestran en el cuadro de Color del Formulario.
Diseñador Avanzado
Si eres un experto en diseño de formularios, el diseñador avanzado ofrece opciones de estilo más avanzadas, incluido el color de fondo del formulario.
- En el Diseñador de Formularios, haz clic en el botón Diseñador Avanzado en la parte inferior para cargar tu formulario en la página del Diseñador Avanzado.
- En Esquema de Color, haz clic en Marco y ajusta su transparencia usando el deslizador. Haz lo mismo para el Fondo.
- Asegúrate de hacer clic en el botón Guardar en el lado izquierdo de la página para aplicar los cambios. Consulta Cómo acceder y usar el Diseñador Avanzado para más información.
Código CSS Personalizado
Recomendamos este método si deseas probar todo, incluyendo eliminar la sombra y el borde del formulario. En la pestaña Estilos, desplázate hacia abajo hasta el cuadro de Inyectar CSS Personalizado, y pega el siguiente código CSS:
.supernova, .jotform-form, .form-all {
background-color: transparent !important;
}
.form-all {
box-shadow: none;
border: none;
}
Ver también:
Enviar Comentario: