Skip to main content
Mit Spalten teilen Sie eine Section in mehrere vertikale Bereiche auf, um Inhalte nebeneinander zu platzieren. Sie sind unverzichtbar für strukturierte Layouts wie:
  • Text + Bild
  • Feature-Raster
  • Mehrspaltige Abschnitte

​
So fügen Sie Spalten hinzu

  • Öffnen Sie die linke Seitenleiste
  • Wechseln Sie zu Layout
  • Ziehen Sie Columns in eine Section

​
Spalteneinstellungen

Sobald das Element ausgewählt ist, erscheinen die Spaltensteuerungen im rechten Panel.

​
Geräteabhängiges Layout

Sie können für jedes Gerät ein eigenes Spaltenlayout festlegen:
  • Desktop → Anzahl der Spalten wählen (1–6)
  • Tablet → Layout für mittelgroße Bildschirme anpassen
  • Mobile → In der Regel eine Spalte für bessere Lesbarkeit
👉 So bleibt Ihr Design auf allen Geräten responsiv.

​
Spaltenanzahl und -breiten anpassen

Sie steuern sowohl die Anzahl der Spalten als auch deren Platzbedarf.
  • Wählen Sie das Element Columns aus
  • Öffnen Sie rechts das Settings Panel

​
Spaltenanzahl ändern

  • Wählen Sie ein vordefiniertes Layout (2, 3, 4 usw.)

​
Spaltenbreiten anpassen

Dafür gibt es zwei Wege:
  • Visuelles Ziehen → Ziehen Sie den Trenner zwischen den Spalten direkt auf der Arbeitsfläche
  • So ändern Sie das Breitenverhältnis schnell (zum Beispiel 70/30 oder 50/50)

​
Gap (Abstand zwischen Spalten)

  • Gap steuert den Abstand zwischen den Spalten
  • Angabe in Pixeln (px)
Beispiel:
  • Gap: 0 → Die Spalten berühren sich
  • Gap: 20 → Erzeugt Abstand zwischen den Spalten

​
So funktionieren Spalten

  • Jede Spalte verhält sich wie ein Container
  • Sie können Elemente in jede Spalte ablegen
  • Spalten liegen innerhalb von Sections
Strukturbeispiel:
Section → Spalten → Elemente

​
Wichtige Hinweise

  • Spalten müssen innerhalb einer Section liegen
  • Jede Spalte kann mehrere Elemente aufnehmen
  • Layouts lassen sich je Gerät anpassen, um die Responsivität zu verbessern