Abstände in Elementor anpassen

Abstände können in Elementor über verschiedene Wege hinterlegt werden. Gerade wenn man verschiedene Herangehensweisen verwendet, kann die Anpassung vorhandener Abstände schnell unübersichtlich werden. Nachfolgend finden Sie unsere Best Practices zu Abständen.

Abstände zwischen Abschnitten

Grundsätzlich kann fast jedes Element eine Einstellung zu Abständen enthalten. Damit Sie zukünftig den Überblick behalten, wo der Abstand hinterlegt ist, empfehlen wir, Abstände zwischen Abschnitten auf oberster Ebene zu hinterlegen.

Die oberste Ebene können Sie im Navigator einfach auswählen, indem Sie das entsprechende Element in der ersten Ebene anklicken. Sie können alle Element der obersten Ebene sehen, wenn Sie alle Ebenen einklappen.

Nun können Sie in der linken Bearbeitungsleiste von Elementor zum Tab Erweitert wechseln. Im Bereich Layout sehen Sie je 4 Eingabefelder zum Außen- und Innenabstand des Elements:

Wir belassen beim Außenabstand in der Regel die Standardwerte. Der Grund dafür ist, dass sich die Außenabstände aufeinanderfolgender Element oft nicht sauber aufaddieren (also Außenabstand unten des oberen Elements und Außenabstand oben des unteren Elements).

Wenn Sie auf das Link-Symbol klicken, können Sie verschiedene Werte für die 4 Richtungen angeben. Im obigen Beispielbild sind 100px Innenabstand nach unten hinterlegt. Die jeweils 20px links und rechts sorgen dafür, dass die Inhalte auf kleineren Endgeräten 20px vom Seitenrand entfernt bleiben.