Personnaliser un composant de formulaire¶

1/ Pré-requis:
Connaitre les notions suivantes pour les CSS : Identifiant, classe, héritage et pseudo-class en CSS

2/ Outil
Firebug

Appliquer une classe CSS
Appliquer un style différent au sein d'un même composant de formulaire
Ajouter un fond commun à deux composants
Ajouter un min max pour un composant between
Positionner le label en haut du champ field

Appliquer une classe CSS¶

Pour chaque composant de formulaire dans l'interface admin, il y a un champ CSS. Renseigner un nom (ex: ma_premiere_classe).
Ensuite, allez dans utilities > CSS Editor et éditer le main.css. Ajoutez y la classe que vous avez renseignez (ex : .ma_premiere_classe { } - attention le "." est obligatoire).

Appliquer un style différent au sein d'un même composant de formulaire¶