Il est régulièrement nécessaire, pour des raison de visuel, d’avoir un alignement des modules dans les différentes colonnes d’une ligne dans DIVI (sous-espace de la section, en vert sous l’éditeur). Pour réaliser cet alignement, quelques manipulation simples sont à réaliser, dont voici l’illustration :
Sélectionner la ligne, et dans l’onglet “Style”, section “Dimensionnement”, activer “Harmoniser les hauteurs des colonnes”
Choisir chaque colonne, et dans la section avancé, personnalisé le CSS, et aller dans “Eléments du module”, puis “élément principal”, et ajouter le code CSS de l’image ci-dessus
Pour l’élément à partir duquel vous souhaiter que le reste soit aligné en bas, dans “Style”, section “Espacement”, Saisir “Auto” dans la marge sommet
Pour améliorer l’esthétique, il est conseillé d’ajouter une marge interne dans les colonnes, pour éviter que les éléments soient collés au bord de la colonne.
Voici un exemple de résultat. Pour cet exemple, nous avons aligné une partie du texte et un bouton sur le bas des colonnes. Le texte qui est aligné est une section différente du reste du texte de la colonne (il y a donc 2 sections texte qui se suivent)
Si vous souhaitez avoir des personnalisations ou des créations sur mesure, n’hésitez pas à me contacter