Wenn man in DIVI ein Blurb Modul (Informationstext auf Deutsch) verwendet und gerne das Icon auf der linken Seite haben möchte, dann ist es immer am oberen Rand und nicht in der Mitte / zentriert.

Im diesem Beitrag zeige ich euch wie ihr es zentrieren könnt, so dass es viel schöner aussieht.

Video

Blurb Modul

Erstellt das Blurb Modul und füllt es mit Text und gib ihm dann ein Icon oder Bild. Als nächstes musst du das Placement / Icon Positionierung auf Links stellen.

Und zum Schluss gib dem Blurb eine eigene CSS Klasse wie

.cb-blurb-zentriert

CSS

/* Blurb Modul Icon/Img zentriert für alle Bildschirmgrößen */
.cb-blurb-zentriert .et_pb_blurb_content {
    display: flex!important;
}

.cb-blurb-zentriert .et_pb_blurb_container {
    display: flex!important;
    justify-content: center; 
    flex-direction: column;
}

.et-db #et-boc .et-l .cb-blurb-zentriert .et_pb_main_blurb_image {
    display: flex;
    width: auto!important;
    margin-bottom: 0px!important; 
}