Ce guide explique comment ajouter des classes CSS personnalisées à un champ spécifique du formulaire (comme un champ texte ou une case à cocher) ou à son conteneur externe. Cette opération est utile pour appliquer des styles graphiques personnalisés définis dans votre thème.
1. Ajouter des classes à un champ du formulaire
Ces instructions s'appliquent à tout champ ajouté via la section "Campi" de votre formulaire.
1.1 Accéder aux paramètres avancés
Pour afficher les champs où insérer les classes CSS, vous devez d'abord activer les paramètres avancés pour le champ sélectionné :
1. Accédez à la section "Campi" de votre formulaire et sélectionnez le champ que vous souhaitez modifier.
2. Faites défiler jusqu'à la fin des paramètres du champ.
3. Trouvez et cochez la case intitulée Mostra impostazioni avanzate.
- Note : Une fois cochée, de nouveaux champs texte apparaîtront, y compris ceux pour les classes.
1.2 Insérer les classes CSS
Après avoir activé les paramètres avancés, vous verrez deux champs dédiés à l'insertion des classes :
1. Pour ajouter des classes à l’élément input (ex. <input>, <select>, <textarea>) :
- Repérez le champ étiqueté Classi Input.
- Saisissez les classes CSS souhaitées, séparées par un espace (ex.
mia-classe-rossa w-100).
2. Pour ajouter des classes au conteneur du champ (l’élément qui englobe l’input et le label) :
- Repérez le champ étiqueté Classi Contenitore.
- Saisissez les classes CSS souhaitées, séparées par un espace.
2. Ajouter des classes au bouton de soumission (Submit)
Le bouton de soumission est géré séparément, dans la section "Pulsante di invio" de l'onglet Generali.
1. Allez dans l'onglet Generali dans la configuration du formulaire.
2. Faites défiler jusqu’à la section Pulsante di invio.
3. Pour personnaliser le bouton (l’élément <button> ou <input type="submit">) :
- Repérez le champ étiqueté Classi Input.
- Saisissez les classes CSS souhaitées.
4. Pour personnaliser le conteneur du bouton (l’élément <div> qui l’entoure) :
- Repérez le champ étiqueté Classi Contenitore.
- Saisissez les classes CSS souhaitées.
Une fois les modifications terminées, assurez-vous d’enregistrer le formulaire. Les nouvelles classes CSS seront appliquées lorsque le formulaire sera affiché sur le site.
