---
url: 'https://dxpr.com/de/hc/documentation/learn-dxpr-builder/elements/divider'
title: 'Einen Divider hinzufügen | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-23T23:54:32+00:00'
updated: '2026-10-24T09:09:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: '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.'
tags:
  - 'Data en beweging'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T09:09:48+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Einen Divider hinzufügen'
      description: '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.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-23T23:54:32+0000'
      dateModified: '2026-10-24T09:09:48+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/de/hc/documentation/learn-dxpr-builder/elements/divider'
      articleSection: 'Data en beweging'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/de/hc/documentation/learn-dxpr-builder/elements/divider'
      description: '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.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Startseite
            item: 'https://dxpr.com/de'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: de
---
[Help Center](/de/hc)/[Documentation](/de/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Data en beweging](/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Einen Divider hinzufügen.

 Learn DXPR BuilderBuild pagesAdd contentData en beweging

   ## In this guide

 Related guides

- [Das Aussehen eines Elements im Style-Tab ändern](/de/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

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.

## 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](/de/hc/documentation/learn-dxpr-builder/getting-started/first-page) 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](/de/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin) 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](/de/hc/documentation/learn-dxpr-builder/element-settings/style-tab), um die Abstände um Ihren Divider zu ändern.