Accueil - Non classé - Aligner verticalement l’icône ou l’image du module Divi résumé avec son texte

Aligner verticalement l’icône ou l’image du module Divi résumé avec son texte

4 Sep 2024

Nous allons dans un premier ajouter une classe CSS dans le module résumé que vous souhaitez aligner :

Dans les paramètres du module, onglet avancé puis accordéon « CSS ID et classe », ajoutez ceci dans le champ « classe css » : align-blurb

Il suffit ensuite d’ajouter ce code dans la zone « personnaliser css » qui se trouve dans Divi > Options du thème (onglet Général sur lequel vous arrivez par défaut) ou dans votre theme enfant (lire notre article sur les bonnes pratiques d’intégration de code CSS dans Divi)

/* aligner l'icone et le texte dans un module resume */
.pa-vertical-align-blurb .et_pb_blurb_content {
display: flex!important;
}
.pa-vertical-align-blurb .et_pb_blurb_container {
display: flex!important;
justify-content: center; 
flex-direction: column; 
}
.et-db #et-boc .et-l .pa-vertical-align-blurb .et_pb_main_blurb_image {
display: flex;
width: auto!important; 
margin-bottom: 0px!important; 
}

un problème ?

La solution de cet article ne fonctionne pas ou plus ? Faites-nous en part et nous étudierons le problème pour trouver une solution et vous la communiquer.

[ninja_form id=1]

sujets liés

Erreur de shortcode : l'attribut view-id est manquant ou incorrect (acf_views view-id="778" name="posts")

Vous cherchez un plugin ?

Faites le bon choix pour votre projet en lisant nos reviews et tests approfondis de plugins.

Share This