Einen Divider hinzufügen.

Learn DXPR BuilderBuild pagesAdd contentData en beweging

Sie erhalten eine saubere horizontale Linie, die Ihre Seite in klare Bereiche teilt. Nutzen Sie sie zwischen Text, Bildern oder anderen Elementen, wenn eine Seite eine optische Pause braucht.

Zentrierter lila Divider, 6 px stark und 300 px lang, zwischen der Überschrift Our services und ihrem Absatz

Einen Divider hinzufügen

Öffnen Sie Ihre Seite im angemeldeten Zustand: Wenn Sie mit der Maus über den Inhaltsbereich fahren, erscheinen die Steuerelemente des Builders. Ihre erste Seite zeigt die Grundlagen.

  1. Fahren Sie mit der Maus über die Spalte und klicken Sie in ihrer Steuerleiste auf +; klicken Sie auf einer leeren Seite auf Add Elements. Öffnen Sie den Content-Tab und klicken Sie auf Divider. Der Divider landet oben in der Spalte, ohne Dialog. Ziehen Sie ihn am Griff in seiner Steuerleiste, um ihn zu verschieben.
  2. Die Linie ist dünn, fahren Sie daher mit der Maus über die Linie selbst, um ihre Steuerleiste zu zeigen. Klicken Sie auf More, wählen Sie Settings und suchen Sie eine Color aus.
  3. Wählen Sie unter Thickness die Option Custom thickness.
  4. Ziehen Sie den Regler Thickness, um die Linienstärke einzustellen. Hier verwenden wir 6 px.
  5. Wählen Sie unter Length die Option Custom width.
  6. Ziehen Sie den Regler Width, um die Linienlänge einzustellen. Hier verwenden wir 300 px.
  7. Stellen Sie Align auf Center.
  8. Klicken Sie im Dialog auf Speichern. Klicken Sie dann in der Symbolleiste oben im Inhaltsbereich auf Speichern, um die Seite zu speichern.

Was Sie sehen

Eine horizontale Linie verläuft in der gewählten Farbe, Stärke und Länge über die Spalte. Im Video ist sie 6 px stark, 300 px lang und zentriert. Besucher sehen sie, sobald Sie die Seite speichern und sie veröffentlicht ist.

Ihren Divider einrichten

Fahren Sie mit der Maus über das Element und öffnen Sie in seiner Steuerleiste More > Settings. Optionen:

  • Color: die Farbe der Linie. Leer lassen, um die Theme-Farbe zu verwenden.
  • Thickness: Theme default oder Custom thickness. Custom fügt einen Thickness-Regler von 0 bis 20 px hinzu.
  • Length: Theme default oder Custom width. Belassen Sie Length auf Theme default für eine Linie über die volle Breite. Custom fügt einen Width-Regler von 0 bis 500 px hinzu.
  • Align: Left, Center oder Right. Wird nur mit Custom width angezeigt.

Wenn Sie es nicht sehen

  • Der Divider ist nicht im Content-Tab. Ihr Benutzerprofil blendet ihn aus. Bitten Sie die Administration, Separator unter Elements in User Profiles anzukreuzen.
  • Es ist nach dem Neuladen verschwunden. Die Seite wurde nicht gespeichert. Fügen Sie es erneut hinzu und klicken Sie in der Symbolleiste oben im Inhaltsbereich auf Speichern.
  • Der Divider sitzt über Ihrem Inhalt. Neue Elemente landen oben in der Spalte. Fahren Sie mit der Maus über die Linie und ziehen Sie sie an ihrem Griff oder öffnen Sie More > Move Down.
  • Die Linie ist unsichtbar. Die Color entspricht dem Seitenhintergrund. Fahren Sie mit der Maus über das Element und öffnen Sie More > Settings, und wählen Sie dann eine Kontrastfarbe.
  • Die Linie erstreckt sich nicht über die volle Breite. Length steht auf Custom width. Fahren Sie mit der Maus über das Element und öffnen Sie More > Settings, und stellen Sie dann Length zurück auf Theme default.

Wie geht es weiter?

Style-Tab, um die Abstände um Ihren Divider zu ändern.