Todas las colecciones
EmbedForms
Comenzando
Cómo personalizar su formulario utilizando CSS personalizado
Cómo personalizar su formulario utilizando CSS personalizado

Pasos para personalizar un formulario con CSS personalizado en EmbedForms.

Laze Trajkov avatar
Escrito por Laze Trajkov
Actualizado hace más de una semana

En el producto EmbedForms, tienes una variedad de ajustes, opciones de personalización y preguntas de campos personalizados.

Pero, si quieres aplicar cualquier personalización adicional, como por ejemplo utilizar CSS personalizado para cambiar el color de fuente y el color de fondo:

.es-label {background-color: #ADD8E6;color: blue;}​


Sigue los pasos a continuación.

1. Abre tu formulario y en la sección "Crear", selecciona Configuración General en el lado izquierdo. Desplázate hacia abajo y verás una caja blanca para insertar el CSS personalizado:

Pegando el CSS y haciendo clic en Guardar

2. Una vez que hayas insertado el CSS, asegúrate de hacer clic en Aplicar, y al final haz clic en Guardar en la esquina superior derecha para guardar los cambios.

¡Eso es todo!

Si necesitas cambiar el tamaño de fuente y la alineación del texto de las preguntas, agrega lo siguiente dentro de las llaves {} después del punto y coma del color:

font-size: 16px;text-align: left;

Para cambiar el color del texto del botón de enviar, el color de fondo del texto, el tamaño de fuente y la alineación, utiliza .es-submit-btn

Por ejemplo:

.es-submit-btn
{background-color: #000;color: yellow;font-size: 16px;text-align: left;}

Nota importante:

Los cambios realizados con CSS son visibles actualmente en la opción Vista previa del formulario. El botón de Vista previa se encuentra en la esquina superior derecha, junto al botón de Guardar.

Haciendo clic en vista previa

Si necesitas ayuda adicional con CSS personalizado, no dudes en chatear con nosotros a través de Intercom o envíanos un correo electrónico a: support@embedsocial.com


¿Ha quedado contestada tu pregunta?