Dans ce tutoriel nous allons voir comment aligner les éléments d’une rangée horizontallement, pour que le centre de chaque éléments soit sur la même ligne.
Avant :
Aprés :
Comment faire :
Ouvrez les paramétres de votre ligne (verte), puis “Avancés” -> “Personnaliser CSS” -> “Element principal”
Ajouter ici ces 2 lignes :
display:flex;
align-items: center;
Sauvegarder, et c’est tout bon !
Attention cependant !
Le fait d’ajouter “Display Flex” va mettre vos colonnes cote à cote sur mobile si vous avez moins de 3 colonnes (voir notre tutoriel sur ce sujet).
Si ce n’est pas ce que vous voulez faire, le mieux est de dupliquer cette ligne pour en avoir 2 : une que l’on va activer uniquement sur ordinateur et tablette, ou vous ajoutez les 2 lignes ci-dessus, l’autre que vous activez uniquement sur mobile, ou vous n’ajoutez pas les lignes ci dessous.
Vous retrouvez le tutoriel sur ce sujet en cliquant ici
Et voilà !