Mit der Einstellung Alignment (Ausrichtung) kannst du wählen, wie du ein Element ausrichten möchtest (horizontal und vertikal).

Mit der Einstellung Spacing (Abstand) kannst du den vertikalen und horizontalen Abstand um und innerhalb von Bereichen und Elementen festlegen:

• Margin erzeugt Platz um eine Komponente herum, außerhalb der definierten Begrenzungen.
• Padding erzeugt Platz innerhalb einer Komponente, zwischen dem Bereich oder Element und seinen Begrenzungen.

Du kannst zwischen verschiedenen Abstandsgrößen von XS (sehr klein) bis XL (sehr groß) wählen.

Für Bereiche:

• Mit der Einstellung Visibility (Sichtbarkeit) kannst du die Sichtbarkeit der Bereiche deiner Landingpage je nach dem Gerät, mit dem sie angezeigt wird, steuern. Du kannst wählen zwischen Hide on Mobile (Ausblenden auf Handy) und/oder Hide on Desktop (Ausblenden auf Desktop).
• Wenn du dich dafür entscheidest, einen Bereich auf einem bestimmten Gerät auszublenden, erscheint der Bereich im Editor als durchgestrichen und die folgende Meldung wird angezeigt: „This section is not visible on mobile/desktop (Dieser Bereich ist auf dem Handy/Desktop nicht sichtbar)“, je nach gewählter Option.

Für Elemente:

• Mit der Einstellung Visibility (Sichtbarkeit) kannst du die Sichtbarkeit einiger Elemente deiner Landingpage abhängig von dem Gerät steuern, mit dem sie angezeigt wird. Du kannst wählen zwischen Hide on Mobile (Ausblenden auf Handy) und/oder Hide on Desktop (Ausblenden auf Desktop).
• Diese Einstellung hat keine visuelle Auswirkung im Editor und wirkt sich nur auf veröffentlichte Landingpages aus, um zu verhindern, dass du im Editor den Überblick über den Inhalt verlierst.

Mit der Einstellung Background Image (Hintergrundbild) kannst du ein Bild aus unserer Bildbibliothek, von einer URL oder von deinem Computer als Hintergrund für einen Bereich oder ein Element hinzufügen:

• Caption (Bildunterschrift): Fügt eine Bildunterschrift für das Hintergrundbild hinzu.
• Remove (Entfernen): Löscht das aktuelle Hintergrundbild.
• Replace (Ersetzen): Wähle ein neues Hintergrundbild, um das aktuelle zu ersetzen.
• Background size (Hintergrundgröße): Wählt aus, wie das Hintergrundbild in den Bereich oder das Element passen soll.
• Background Repeat (Hintergrund Wiederholung): legt fest, ob du das Hintergrundbild im gesamten Bereich oder Element wiederholen möchtest.
• Color Overlay (Farbüberlagerung): wählt eine Farbe aus, die über dem Inhalt des Bereichs oder Elements hinzugefügt wird, und verwalte seine Transparenz.

Mit der Einstellung Style (Stil) kannst du das Aussehen des Bereichs anpassen:

• Edge to Edge (Kante zu Kante): beeinflusst den horizontalen Abstand an den Seiten des Bereichs.
• Full Height (Volle Höhe): zeigt das Bild als Vollbild an.
• Background Parallax (Hintergrundparallaxe): Verwendet Parallax Scrolling, um das Hintergrundbild des Bereichs langsamer scrollen zu lassen als den Inhalt im Vordergrund.

Mit der Schaltfläche Bookmark (Lesezeichen) kannst du einen Bereich speichern, um ihn auf deinen anderen Landingpages wiederzuverwenden. Er kann für Header und Footer nützlich sein, die du ständig auf deinen Landingpages verwendest. 

Du findest deine gespeicherten Bereiche unter Sections > Bookmark (Bereiche > Lesezeichen) im linken Bereich des Editors. 

• Hide gutters between columns (Randstreifen zwischen Spalten ausblenden): Lege die Größe der Lücke (Randstreifen) zwischen den Spalten deiner Reihe fest.
• Border radius (Randradius): runde die Ecken deiner Zeile ab. 

• Resize (Größe anpassen): Legt fest, wie groß deine Spalte sein soll.
• Mobile size (Handy Größe): Legt fest, wie groß deine Spalte auf dem Handy sein soll.
• Border radius (Randradius): rundet die Ecken deiner Spalte ab. 

Über die Einstellungsoption Image (Bild) kannst du ein Bild auswählen und seine Größe ändern:

• Img URL: Ist die URL des Bildes, das du hinzufügen möchtest.
• Remove (Entfernen): Löscht das aktuelle Bild.
• Remove (Ersetzen): Wählt ein neues Bild aus, um das aktuelle zu ersetzen.
• Resize (Größe anpassen): Legt fest, wie groß das Bild sein soll.

Mit der Einstellung Style (Stil) kannst du das Aussehen des Bilds festlegen:

• Drop shadow (Schattenwurf): Fügt dem Bild einen Schatten hinzu.
• Border radius (Rahmenradius): Legt fest, wie „rund“ das Bild sein soll.
• Border style and color (Rahmenstil und -farbe): Fügt dem Bild einen Rahmen hinzu und legt die Rahmenfarbe fest.
• Border width (Rahmenbreite): Legt fest, wie breit der Rand des Bildes sein soll.
• Border radius (Rahmenradius): Legt fest, wie abgerundet der Rand des Bildes sein soll.

Mit der Einstellung Image (Bild) kannst du ein Logo auswählen und seine Größe ändern:

• Caption (Bildunterschrift): Fügt dem Logo eine Bildunterschrift hinzu.
• Img URL: Ist die URL des Logos, das du hinzufügen möchtest.
• Remove (Entfernen): Löscht das aktuelle Logo.
• Remove (Ersetzen): Wählt ein neues Logo aus, um das aktuelle zu ersetzen.
• Crop logo (Logo zuschneiden): Schneidet das Logo auf die gewünschte Größe zu.
• Alt: Fügt ein Alt-Tag hinzu, um beschreibende Informationen über das Logo zu geben.
• Link: Fügt einen Weiterleitungslink zum Logo hinzu.

Mit der Einstellung Style (Stil) kannst du das Aussehen des Logos festlegen:

• Border style and color (Rahmenstil und -farbe): Fügt dem Logo einen Rahmen hinzu und legt die Rahmenfarbe fest.
• Border width (Rahmenbreite): Legt fest, wie breit der Rand des Logos sein soll.
• Border radius (Rahmenradius): Legt fest, wie abgerundet der Rand des Logos sein soll.

Mit der Einstellung Properties (Eigenschaften) kannst du festlegen, wohin die Schaltfläche verlinken soll:

• Call-to-Action: Legt den Text fest, den du in der Call-to-Action-Schaltfläche anzeigen möchtest.
• Pick an action (Aktion auswählen): wählt zwischen den drei Aktionen – Link zu einer URL, Verankerung in einem Bereich oder Link zu einer Seite in diesem Funnel.
  Wenn du in einem Bereich verankert bist, wähle in der Dropdown-Liste aus, in welchem Bereich er verankert ist.
  Wenn du auf eine Seite in diesem Funnel verlinkst, wähle in der Dropdown-Liste aus, auf welche Seite sie verlinkt ist.
• Pick a target (Ziel auswählen): Legt fest, dass der Link in einem neuen Tab geöffnet wird.
• URL (Link): Fügt den Link hinzu, auf den die Schaltfläche verweisen soll.

Mit der Einstellung Style (Stil) kannst du das Aussehen der Schaltfläche anpassen:

• Color (Farbe): Legt die Farbe der Schaltfläche fest.
• Outline style and color (Konturstil und -farbe): Legt die Art der Umrandung für die Schaltfläche und deren Farbe fest.
• Outline width (Breite Umrandung): Legt fest, wie breit die Umrandung der Schaltfläche sein soll.
• Full width (Komplette Breite): Legt fest, ob die Schaltfläche so breit wie deine Seite sein soll.
• Fill (Füllung): Legt fest, ob die Schaltfläche gefüllt oder leer sein soll:
  
• Shape (Form): Legt fest, ob die Schaltfläche quadratisch (square), rund (round)oder oval (pill-shaped) sein soll.
• Shadow (Schatten): Fügt der Schaltfläche einen hellen oder dunklen Schatten hinzu.
• Button icon (Schaltflächensymbol): Fügt der Schaltfläche ein Symbol hinzu und wählt dessen Position aus.

Wähle den Grad der Dicke der Trennlinie: Thin (dünn), Thick (breit) oder Thickest (sehr breit).

Legt die Farbe der Trennlinie fest.

Die Settings (Einstellungen) eines Symbols ermöglichen es dir, ein Symbol auszuwählen und sein Aussehen anzupassen:

• Replace (Ersetzen): Wählt ein neues Symbol, um das aktuelle zu ersetzen.
• Resize (Größe anpassen): Legt fest, wie groß das Symbol sein soll.
• Background (Hintergrund): Fügt eine Hintergrundfarbe für das Symbol hinzu.
• Foreground (Vordergrund): Fügt eine Vordergrundfarbe für das Symbol hinzu.
• Border style and color (Rahmenstil und -farbe): Fügt dem Symbol einen Rahmen hinzu und legt die Rahmenfarbe fest.
• Border width (Rahmenbreite): Legt fest, wie breit der Rand des Symbols sein soll.
• Border radius (Rahmenradius): Legt fest, wie abgerundet der Rand des Symbols sein soll.
• Link: Fügt einen Weiterleitungslink zum Symbol hinzu.

Mit der Einstellung Style (Stil) kannst du das Aussehen des Videos festlegen:

• Border style and color (Rahmenstil und -farbe): Fügt dem Video einen Rahmen hinzu und legt die Rahmenfarbe fest.
• Border width (Rahmenbreite): Legt fest, wie breit der Rand des Videos sein soll.
• Border radius (Rahmenradius): Legt fest, wie abgerundet der Rand des Videos sein soll.

Mit der Einstellung Style (Stil) kannst du das Aussehen des Containers anpassen:

• Background color and transparency (Hintergrundfarbe und Transparenz): Legt eine Hintergrundfarbe für den Container und seine Transparenz fest.
• Border style and color (Rahmenstil und -farbe): Fügt dem Container einen Rahmen hinzu und legt die Rahmenfarbe fest.
• Border position (Rahmenposition): Legt fest, auf welcher Seite des Containers ein Rahmen hinzugefügt werden soll.
• Border width (Rahmenbreite): Legt fest, wie breit der Rand des Containers sein soll.
• Border radius (Rahmenradius): Legt fest, wie abgerundet der Rand des Containers sein soll.
• Drop shadow (Schattenwurf): Fügt dem Container einen Schatten hinzu.