Añadir clases CSS personalizadas al campo y a su contenedor

Esta guía explica cómo añadir clases CSS personalizadas tanto al elemento de entrada del campo (por ejemplo, el cuadro de texto) como a su contenedor externo (el bloque que gestiona el diseño y el ancho).

Estas configuraciones son útiles si se desea aplicar estilos o comportamientos específicos mediante CSS o JavaScript.


Procedimiento Paso a Paso

1. Acceder a las Configuraciones Avanzadas

Dentro de la configuración del campo específico que se está modificando, desplázate hasta la sección de opciones. Encontrarás una casilla marcada:

  • Mostrar configuraciones avanzadas

Selecciona esta casilla para hacer visibles los campos adicionales.

2. Añadir Clases al Input del Campo

Después de activar las configuraciones avanzadas, localiza el campo etiquetado:

  • Classi Input

Introduce aquí las clases CSS que deseas aplicar directamente al elemento de entrada (por ejemplo, el elemento <input>, <select> o <textarea>). Si debes introducir varias clases, sepáralas con un espacio.

3. Añadir Clases al Contenedor del Campo

Localiza el campo etiquetado:

  • Classi Contenitore

Introduce aquí las clases CSS que deseas aplicar al contenedor externo (el div que encierra la etiqueta y el input del campo). Esta opción es útil para modificar el diseño o la visibilidad del bloque completo.

4. Guardar los Cambios

Una vez introducidas las clases deseadas, procede a guardar todo el formulario para que los cambios tengan efecto.