Divi : personnaliser la largeur des colonnes pour mettre en valeur vos contenus clés

Créez une mise en page harmonieuse et professionnelle grâce à la personnalisation de la largeur des colonnes sur Divi

Personnaliser la largeur des colonnes sur Divi est important pour plusieurs raisons. Tout d’abord, cela permet de s’assurer que le contenu s’affiche correctement sur tous les appareils et toutes les tailles d’écran, ce qui est essentiel pour offrir une expérience utilisateur cohérente.

De plus, la personnalisation de la largeur des colonnes permet de mettre en évidence certains éléments de contenu importants et de les rendre plus visibles pour les visiteurs. Par exemple, vous pouvez choisir de rendre une colonne plus large pour y afficher un appel à l’action ou un formulaire de contact, afin qu’il soit plus facilement repérable par les visiteurs.

Enfin, la personnalisation de la largeur des colonnes peut également contribuer à l’esthétique globale de votre site Web en créant un meilleur équilibre visuel entre les différentes sections et éléments de contenu. En ajustant la largeur des colonnes pour qu’elles soient en proportion avec les autres éléments du site, vous pouvez créer une mise en page harmonieuse et professionnelle qui attirera les visiteurs et renforcera votre image de marque.

Comment personnaliser la largeur des colonnes en vidéo ✅

ID CSS :

« ligne-personnalise »

CODE CSS :

@media all and (min-width:981px) {

#ligne-personnalise .et_pb_column:nth-child(1) {
width: 70%!important;
}
#ligne-personnalise .et_pb_column:nth-child(2) {
width: 20%!important;
}
#ligne-personnalise .et_pb_column:nth-child(3) {
width: 10%!important;
}
}

@media all and (max-width:980px) {

#ligne-personnalise .et_pb_column {
width: 100%!important;
}
}