Richtige Worttrennung vorgeben
Heute helfe ich dir dabei, fehlende Worttrennungen und unschöne Überlängen von Überschriften in Webflow zu meistern. Vor allem für Responsive Anpassungen hilft das super.
Schritt 1️
Kopiere dir diesen magischen Soft Hyphen in die Zwischenablage. Er liegt zwischen diesen beiden eckigen Klammern. Am besten kopierst du die beiden eckigen Klammern mit: []
Schritt 2️
Füge den Soft Hyphen mit den eckigen Klammern an der Stelle ein, wo du eine Worttrennung ermöglichen möchtest. Das praktische ist, dass diese nur aktiv wird, wenn der Platz für das ganze Wort nicht reicht.
Schritt 3️
Lösche die vordere Klammer und die hintere Klammer. Achte dabei darauf, dass der unsichtbare Soft Hyphen dazwischen erhalten bleibt.
Schritt 4️
Jetzt bist du schon fertig! Schau, wie der Soft Hyphen nur erscheint, wenn nicht genug Platz vorhanden ist. Du kannst auch mehrere Worttrennungen pro Wort einfügen.
Pro Tip 💯
Setze den Soft Hyphen in deinen Systemeinstellungen als Text Replacement ein, mit zum Beispiel dem Kürzel SH. Das wird automatisch durch den Soft Hyphen ersetzt.
Über den Autor
Als erfahrener Brand Designer, Webdesigner und zertifizierter Webflow Expert betreue ich schon seit vielen Jahren Kund:innen aus verschiedensten Branchen und verhelfe ihnen durch herausragendes Design zu mehr Marktanteilen.
Weitere Beiträge
Das Beste aus deinem Projekt machen? Geht nur gemeinsam.
Mein Ziel ist es, alles für dich und dein Projekt rauszuholen. Dabei ist es mir wichtig, dass wir persönlich, offen und auf Augenhöhe kommunizieren. Also lass uns doch einfach mal kennenlernen und sehen, ob die Chemie stimmt.