Abstände zwischen Zeilen und Elementen festlegen

Um die Layouts von Seiten ansprechender zu gestalten, sollten sie den Elementen und Zeilen Abstände geben. So wird die Seite übersichtlicher und besser lesbar.

032_abstand

Textbereich mit 20 Pixeln Abstand in alle Richtungen

033_abstand_2

Zeile mit 50 Pixeln Abstand zur nächsten Zeile

Abstände können mit dem Visual Composer für Elemente, Spalten und Zeilen festgelegt werden.

Um einem Element Abstände zu geben, müssen sie die betreffende Seite im Editor öffnen. Editieren sie das Element.

034_editieren

Klicken sie auf den Reiter “Designeinstellungen” und tragen sie im Bereich “padding” den gewünschten Wert ein.

Für Bilder, Texte und viele andere Elemente eignen sich dabei Zahlen zwischen 10px und 20px.

035_designeinstellungen

Um einer Zeile nach oben und unten Abstände zu geben, klicken sie auf das Editieren-Symbol der gewünschten Zeile.

036_zeile_editieren

Wählen sie wieder den Reiter “Designeinstellungen” und tragen sie nach oben oder unten einen Pixel-Wert ein.

037_zeile_abstaende

Insofern Elemente bereits mit Abständen versehen wurden, ist diese Einstellung nicht zwingend nötig. Sie kann aber dabei helfen, Bereiche visuell voneinander zu trennen.