---
url: 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/elementy/separator'
title: 'Dodawanie separatora | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T01:34:58+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Otrzymujesz schludną poziomą linię, która dzieli stronę na wyraźne sekcje. Użyj jej między tekstem, obrazami albo innymi elementami, gdy strona potrzebuje wizualnej przerwy.'
tags:
  - 'Data and motion'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Dodawanie separatora'
      description: 'Otrzymujesz schludną poziomą linię, która dzieli stronę na wyraźne sekcje. Użyj jej między tekstem, obrazami albo innymi elementami, gdy strona potrzebuje wizualnej przerwy.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T01:34:58+0000'
      dateModified: '2026-10-24T17:19:22+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/pl/hc/dokumentacja/nauka-dxpr-builder/elementy/separator'
      articleSection: 'Dane i animacje'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/elementy/separator'
      description: 'Otrzymujesz schludną poziomą linię, która dzieli stronę na wyraźne sekcje. Użyj jej między tekstem, obrazami albo innymi elementami, gdy strona potrzebuje wizualnej przerwy.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 'Strona Główna'
            item: 'https://dxpr.com/pl'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: pl
---
[Centrum pomocy](/pl/hc)/[Dokumentacja](/pl/hc/dokumentacja) /[Poznaj DXPR Builder](/pl/hc/documentation/learn-dxpr-builder) /[Buduj strony](/pl/hc/documentation/learn-dxpr-builder/build) /[Dodaj treści](/pl/hc/documentation/learn-dxpr-builder/elements) /[Dane i animacje](/pl/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Dodawanie separatora.

 Poznaj DXPR BuilderBuduj stronyDodaj treściDane i animacje

   ## W tym przewodniku

 Powiązane przewodniki

- [Zmień wygląd elementu w panelu Styl](/pl/hc/dokumentacja/nauka-dxpr-builder/ustawienia-elementu/panel-styl)

Otrzymujesz schludną poziomą linię, która dzieli stronę na wyraźne sekcje. Użyj jej między tekstem, obrazami albo innymi elementami, gdy strona potrzebuje wizualnej przerwy.

## Dodaj separator

Otwórz swoją stronę po zalogowaniu: przyciski kreatora pojawiają się po najechaniu na obszar treści. [Twoja pierwsza strona](/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/pierwsza-strona) przedstawia podstawy.

1. Najedź na kolumnę i kliknij **+** na jej pasku sterowania albo kliknij **Add Elements** na pustej stronie. Otwórz zakładkę **Treść** i kliknij **separator**. Separator pojawi się na górze kolumny, bez okna dialogowego. Przeciągnij go za uchwyt na pasku sterowania, aby go przenieść.
2. Linia jest cienka, więc najedź na samą linię, aby pokazać jej pasek sterowania. Kliknij **More**, wybierz **Settings** i wskaż **Kolor**.
3. W polu **Grubość** wybierz **Custom thickness**.
4. Przeciągnij suwak **Grubość**, aby ustawić grubość linii. Tutaj używamy 6 px.
5. W polu **Długość** wybierz **Custom width**.
6. Przeciągnij suwak **Szerokość**, aby ustawić długość linii. Tutaj używamy 300 px.
7. Ustaw **Wyrównanie** na **Center**.
8. Kliknij **Zapisz** w oknie dialogowym. Następnie kliknij **Zapisz** na pasku narzędzi u góry obszaru treści, aby zapisać stronę.

  ## Co widzisz

Pozioma linia biegnie przez kolumnę w wybranym kolorze, grubości i długości. Na filmie ma 6 px grubości, 300 px długości i jest wyśrodkowana. Odwiedzający zobaczą ją po zapisaniu i opublikowaniu strony.

## Skonfiguruj separator

Najedź na element i otwórz **More > Settings** na jego pasku sterowania. Opcje:

- **Kolor:** kolor linii. Pozostaw puste, aby użyć koloru motywu.
- **Grubość:** Theme default albo Custom thickness. Opcja Custom dodaje suwak **Grubość** od 0 do 20 px.
- **Długość:** Theme default albo Custom width. Aby linia miała pełną szerokość, pozostaw **Długość** na Theme default. Opcja Custom dodaje suwak **Szerokość** od 0 do 500 px.
- **Wyrównanie:** Left, Center albo Right. Widać je tylko przy Custom width.

## Jeśli go nie widać

- **Separator nie występuje w zakładce Treść.** Twój profil użytkownika go ukrywa. Poproś administratora o zaznaczenie **Separator** w sekcji **Elements** na stronie [Profile użytkowników](/pl/hc/dokumentacja/nauka-dxpr-builder/administracja/profile-uzytkownikow).
- **Zniknął po przeładowaniu.** Strona nie została zapisana. Dodaj go ponownie i kliknij **Zapisz** na pasku narzędzi u góry obszaru treści.
- **Separator stoi nad twoją treścią.** Nowe elementy lądują na górze kolumny. Najedź na linię i przeciągnij ją za uchwyt albo otwórz **More > Move Down**.
- **Linii nie widać.** **Kolor** jest taki sam jak tło strony. Najedź na element i otwórz **More > Settings**, a następnie wybierz kontrastowy kolor.
- **Linia nie rozciąga się na pełną szerokość.** **Długość** jest ustawiona na Custom width. Najedź na element i otwórz **More > Settings**, a następnie ustaw **Długość** z powrotem na Theme default.

## Co dalej?

[Panel Styl](/pl/hc/dokumentacja/nauka-dxpr-builder/ustawienia-elementu/panel-styl), aby zmienić odstępy wokół separatora.