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
Pourquoi et quand refondre votre site Web ?
Prestation spécifique du domaine digital, la refonte d’un site Web demande plus d’attention et d’intervenants que la création de sites. Pour quelles raisons devez-vous refondre votre site ? Quel type de refonte pouvez-vous envisager ? Quelles étapes pour travailler à une refonte réussie ?
Comment intégrer une vidéo sous Divi ?
Ajouter une vidéo mp4 ou YouTube sur votre site internet est facile avec Divi. Mais ce dernier vous propose des fonctionnalités de personnalisation que vous n’avez peut être jamais explorées ! Article + Vidéo
Comment travailler vos balises title et meta description pour votre référencement ?
Title et metadescription présentent la page d’un site Web quand l’internaute effectue une requête Web. Leur fonction : inciter le lecteur à se rendre sur votre page. Comment bien rédiger votre balise title et optimiser votre meta description ?