Sélectionnez votre section et insérez une classe CSS
Choisissez d’abord la sectionUne section est une division d'une page qui peut contenir plusieurs modules. Les sections permettent de structurer les p... que vous souhaitez mettre en page en deux colonnes. Puis insérez une classe dans les paramètres avancés du moduleUn module est un élément préconçu et personnalisable de Divi, tel que des textes, des images, des galeries ou encore... de texte.
Paramètres de texte > Avancé > classe CSSLes CSS, ou feuilles de style en cascade, sont des fichiers qui contrôlent l'apparence d'un site web. Même si Divi pos...
Ajoutez-y par exemple la classe « deuxcolonnes ».
Ajouter du code CSS dans la personnalisation du thème Divi
Pour appliquer le texte en deux colonnes sur la sectionUne section est une division d'une page qui peut contenir plusieurs modules. Les sections permettent de structurer les p... ou la zone de texte choisie, intégrez le code CSSLes CSS, ou feuilles de style en cascade, sont des fichiers qui contrôlent l'apparence d'un site web. Même si Divi pos... dans Divi > Options du thèmeUn thème est un ensemble de fichiers qui déterminent l'apparence et la fonctionnalité d'un site web. Divi est un thè... > Personnaliser CSSLes CSS, ou feuilles de style en cascade, sont des fichiers qui contrôlent l'apparence d'un site web. Même si Divi pos...
/*Texte en 2 colonnes*/
@media screen and (min-width: 981px){
.deuxcolonnes
{
-webkit-column-count:2; /* Opera, Safari, Google Chrome */
-moz-column-count: 2; /* Firefox */
column-count: 2; /* Internet Explorer */
}
}
#et-top-navigation .et_pb_button:after {
font-size: 23px;
}La mention indiquée avant le code @media screen and (min-width: 981px) correspond à une spécification CSS3 Media Quieries. Grâce à elle, la feuille de style ne s’applique que sur les formats desktop. En effet, le rendu des deux colonnes sur tablette et sur mobile peuvent donner un effet « écrasé » au texte. Afin de garder une bonne ergonomie et une lecture facile pour l’internaute, le ResponsiveLe responsive est la capacité d'un site web à s'adapter à différentes tailles d'écran. Divi est conçu pour être e... Web Design doit être adapté dans la mesure du possible.
Finalement, cette technique permet de donner un rythme original à une page web lorsque l’on a une quantité de texte suffisante. Grâce à la mention des Media Quieries, l’effet est appliqué seulement pour une largeur d’écran minimum sur laptops ou desktops. Cela permet alors de conserver un format classique sur les smartphones et de conserver un format responsiveLe responsive est la capacité d'un site web à s'adapter à différentes tailles d'écran. Divi est conçu pour être e... correct.
