Texte in Elementor wirken oft gedrängt oder zerrissen – und schuld sind fast immer zwei Einstellungen: der Zeilenabstand und der Zeilenumbruch. In dieser kurzen Anleitung zeige ich dir, wo du beides findest, welche Werte ich verwende und wie du erzwungene Umbrüche sauber setzt.
Den Zeilenabstand in Elementor einstellen
Der Zeilenabstand (englisch Line Height) bestimmt den vertikalen Abstand zwischen den Textzeilen. So änderst du ihn:
- Klicke das Text- oder Überschriften-Widget an.
- Wechsle im linken Panel auf den Reiter „Stil“.
- Öffne den Bereich „Typografie“ (auf das Stift-Symbol klicken).
- Stelle den Wert bei „Zeilenhöhe“ ein.
Meine Empfehlung: Für Fließtext nutze ich eine Zeilenhöhe von 1.6 bis 1.8 (als einheitenloser Wert „Em“). Überschriften vertragen weniger – hier sind 1.2 bis 1.3 meist ideal. Einheitenlose Werte sind besser als feste Pixel, weil sie sich automatisch an die Schriftgröße anpassen.
Zeilenumbruch erzwingen – ohne neuen Absatz
Manchmal willst du eine Zeile umbrechen, ohne einen ganzen neuen Absatz (mit zusätzlichem Abstand) zu beginnen – etwa bei einer Adresse oder einem Slogan. Im Elementor-Text-Editor geht das so:
- Shift + Enter erzeugt einen einfachen Zeilenumbruch (
<br>). - Ein normales Enter erzeugt einen neuen Absatz (
<p>) mit größerem Abstand.
Genau diese Unterscheidung ist der häufigste Stolperstein: Wer überall Enter drückt, bekommt zu viel Abstand. Mit Shift+Enter behältst du die Kontrolle.
Abstand zwischen Absätzen steuern
Den Abstand zwischen Absätzen regelst du nicht über Leerzeilen, sondern über das „Abstand“-Feld (Margin/Padding) im Reiter „Erweitert“ des Widgets. So bleibt der Code sauber und das Layout auf allen Geräten konsistent.
Responsive denken
Was am Desktop luftig wirkt, kann am Handy gedrängt sein. Elementor erlaubt unterschiedliche Werte je Endgerät: Klicke neben der Einstellung auf das Geräte-Symbol und setze für Tablet und Mobil eigene Werte. Auf kleinen Bildschirmen erhöhe ich den Zeilenabstand oft leicht für bessere Lesbarkeit.
Noch mehr aus Elementor herausholen
Typografie ist nur ein Detail von vielen. Wenn du Elementor von Grund auf verstehen willst, starte mit meinem Elementor Einsteiger-Tutorial. Und für ein professionelleres Erscheinungsbild lohnen sich meine Top 10 Design-Tipps für Elementor.
FAQ – Zeilenabstand & Umbruch in Elementor
Welcher Zeilenabstand ist in Elementor optimal?
Für Fließtext 1.6–1.8 (einheitenlos), für Überschriften 1.2–1.3. Einheitenlose Werte passen sich der Schriftgröße an.
Wie mache ich einen Zeilenumbruch ohne Absatz?
Mit Shift+Enter. Das erzeugt ein einfaches <br> statt eines neuen Absatzes.
Warum ist mein Text auf dem Handy zu eng?
Wahrscheinlich gilt der Desktop-Wert auch mobil. Stelle über das Geräte-Symbol einen eigenen, etwas größeren Zeilenabstand für Mobil ein.
Lieber direkt lernen?
Wenn du Elementor systematisch und an deinem eigenen Projekt lernen möchtest, sieh dir meine Elementor-Kurse und -Schulungen an.