Manchmal wirkt ein Text zu nah an einem Bild, oder ein Abschnitt ist zu eng oder zu luftig. Mit Elementor kannst du ganz leicht Abstände und Größen anpassen, damit deine Seite professionell und aufgeräumt aussieht.
Was sind Abstände?
Elementor verwendet zwei Hauptbegriffe:
Padding (Innenabstand): Abstand innerhalb eines Elements – z. B. zwischen dem Rand einer Box und dem darin enthaltenen Text.
Margin (Außenabstand): Abstand außerhalb eines Elements – z. B. zu dem nächsten Abschnitt oder Bild.
So passt du Abstände an:
Logge dich in WordPress ein
→ Zur Anleitung „Wie logge ich mich in WordPress ein?“Gehe zu der Seite → „Mit Elementor bearbeiten“
Klicke auf das Element, dessen Abstand du ändern möchtest
(z. B. eine Überschrift, ein Textfeld, ein Bild, eine Spalte oder ein ganzer Abschnitt)Wechsle in der linken Seitenleiste zum Reiter „Erweitert“
Dort findest du die Felder für:
Margin (Außenabstand)
Padding (Innenabstand)
Trage dort die gewünschten Pixelwerte ein (z. B.
30oder50)
– oder ziehe mit der Maus, wenn du experimentieren möchtestWenn du unterschiedliche Abstände oben/unten/links/rechts brauchst,
klicke auf das Ketten-Symbol, um die Seiten voneinander zu entkoppeln.
Beispiel:
| Aktion | Einstellung |
|---|---|
| Mehr Luft unter einer Überschrift | Margin unten: z. B. 40 |
| Text soll nicht am Rand kleben | Padding innen: z. B. 20 auf allen Seiten |
| Zwei Spalten sollen Abstand haben | Margin rechts auf der linken Spalte |
Tipp:
Arbeite mit vielfachen von 10 oder 20 – das wirkt harmonischer (z. B. 20, 40, 60)
Denke an die Mobilansicht: Prüfe über das Geräte-Symbol die Darstellung auf Smartphone & Tablet – dort kannst du eigene Werte einstellen
| Was? | Wo einstellen? |
|---|---|
| Außenabstand | „Erweitert“ → Margin |
| Innenabstand | „Erweitert“ → Padding |
| Seiten einzeln anpassen | Kettensymbol deaktivieren |
| Für Mobilgeräte | Ansichtsmodus wechseln und dort anpassen |
Speichern nicht vergessen:
Klicke unten links auf „Aktualisieren“, um deine Änderungen live zu stellen.