Comment harmoniser les hauteurs de colonne avec des images sur Divi ?
Toutefois, si vous intégrez des images qui n’ont pas été retravaillées en hauteur avant l’intégration dans la bibliothèque de médias, vous risquez de vous retrouver face à des différences de hauteur entre vos images. Ce qui n’est pas très esthétique, comme vous pouvez le constatez dans la capture d’écran ci-dessous.
Pour commencer, nous allons effectuer des réglages dans la rangée.
Réglages de la rangée
- Aller dans les réglages de la rangée
- Dans “style”
- Puis dans dimensionnement
- Activer “oui” dans la catégorie ” harmoniser la hauteur des colonnes”
Maintenant, nous allons régler la hauteur de chaque image.
Réglages de la hauteur de chaque image
Dans le cas présent, il s’agit de la photo du gateau à droite
- Paramètres du module de cette image
- Aller dans “style”
- “Dimensionnement”
- “Hauteur” : regarder la hauteur initiale de cette image, ici 205 px et réutiliser cette taille pour modifier la hauteur des deux autres photos
Vous pouvez retrouver l’ensemble de ces manipulations dans le tuto vidéo ci-dessous
Autres articles qui pourraient vous plaire
Format WebP : quelle utilité pour votre site internet ? Comment convertir vos images ?
Si JPEG était le format le plus populaire pour illustrer vos sites e-commerce ou vos blogs, il se révèle gourmand en ressource. Les développeurs de Google ont déployé un « nouveau » format bien plus performant : le format d’image WebP. Comment transformer vos illustrations en WebP ?
Extensions de partage sur WordPress, laquelle choisir ?
En réalisant la structure de votre site, vous vous interrogez sur l’extension de réseaux sociaux à choisir pour partager votre savoir-faire. Plusieurs études ont démontré que seulement 0.6 % des internautes partagent leurs découvertes. En 2021, il y a peu de chance que ces chiffres aient évolué, alors pourquoi ajouter une extension de partage social à votre blog WordPress ? Laquelle choisir ?
Quiz WordPress niveau 2
Vous souhaitez tester vos connaissances sur WordPress ? Ce deuxième quiz vous permettra de connaître votre niveau actuel et de découvrir les réponses correctes et incorrectes.