Aggiungere classi CSS personalizzate al campo e al suo contenitore

Questa guida spiega come aggiungere classi CSS personalizzate sia all'elemento di input del campo (ad esempio, la casella di testo) sia al suo contenitore esterno (il blocco che gestisce il layout e la larghezza).

Queste impostazioni sono utili se si desidera applicare stili o comportamenti specifici tramite CSS o JavaScript.


Procedura Passo-Passo

1. Accedere alle Impostazioni Avanzate

All'interno della configurazione del campo specifico che si sta modificando, scorri fino alla sezione delle opzioni. Troverai una casella di spunta etichettata:

  • Mostra impostazioni avanzate

Seleziona questa casella per rendere visibili i campi aggiuntivi.

2. Aggiungere Classi all'Input del Campo

Dopo aver attivato le impostazioni avanzate, individua il campo etichettato:

  • Classi Input

Inserisci qui le classi CSS che desideri applicare direttamente all'elemento di input (ad esempio, l'elemento <input>, <select> o <textarea>). Se devi inserire più classi, separale con uno spazio.

3. Aggiungere Classi al Contenitore del Campo

Individua il campo etichettato:

  • Classi Contenitore

Inserisci qui le classi CSS che desideri applicare al contenitore esterno (il div che racchiude l'etichetta e l'input del campo). Questa opzione è utile per modificare il layout o la visibilità del blocco completo.

4. Salvare le Modifiche

Una volta inserite le classi desiderate, procedi al salvataggio dell'intero form per rendere effettive le modifiche.