Trick # 587 | Dieser Beitrag beinhaltet 333 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Wenn Sie in der Überschrift eines Divi-Moduls Fullwidth-Header lange Wörter verwenden, kann es vorkommen, dass der Text mitten im Wort umbrochen wird. Dies ist äusserst hässlich – aber leider ein Standardverhalten des Moduls. Das beheben wir heute mit ein wenig CSS-Code.
Der Fehler sieht nicht nur unprofessionell aus, er kann auch zu Lesbarkeitsproblemen führen. Glücklicherweise gibt es eine einfache benutzerdefinierte CSS-Lösung, mit der Sie sicherstellen können, dass der Titeltext Ihres Headermoduls in voller Breite an Leerzeichen und nicht innerhalb der einzelnen Wörter umbrochen wird.
Hier ist das nötige CSS-Snippet, das Sie anwenden müssen. Kopieren Sie es in das CSS-Stylesheet Ihrer WordPress-Installation unter Design/Customizer/Zusätzliches CSS:
.et_pb_fullwidth_header .et_pb_module_header {
word-wrap: normal;
overflow-wrap: normal;
white-space: pre-line;
}Dadurch wird sichergestellt, dass der Text an Leerzeichen in neue Zeilen umbrochen wird – so werden die einzelnen Wörter also zusammengehalten.
Alternativ können Sie die Schriftgrösse der Kopfzeile verringern, um sicherzustellen, dass das gesamte Wort in den für die Überschrift zugewiesenen Bereich passt.
Werbung
Werbung
