Informationstext-Modul
Benutzt man das Informationstext-Modul mit Icon und Titel, steht der Titel sehr weit oben und ist nicht vertikal zu zentrieren. Sieht nicht besonders schön aus.
so sieht das normalerweise aus
Fügt man etwas css hinzu, wird das deutlich schöner.
nach der Korrektur
Das ist der notwendige CSS-Code
selector .et_pb_blurb_content{
display: flex;
align-items: center;
}
selector .et_pb_main_blurb_image{
margin-bottom: 0;
display: flex;
align-items: center;
}
selector .et_pb_module_header{
padding-bottom: 0;
margin-left: 10px; /*Abstand zwischen Icon und Text*/
}
Im Informationstextmodul beim Freiform-CSS den Code einfügen.
Nur eine Zeile Titeltext
benötigt man nur eine Zeile Titeltext, ist es noch einfacher.
Man muss nur die Zeilenhöhe des Titeltextes auf die Größe des Icons einstellen.
Z.B. Das Icon hat eine Größe von 50 px, dann stellt man die Zeilenhöhe ebenfalls auf 50 px.
Man sollte die Einstellungen für Desktop, Tablet, Mobile anpassen.
Muster
