Dodawanie separatora.

Poznaj DXPR BuilderBuduj stronyDodaj treściDane i animacje

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.

Wyśrodkowany fioletowy separator o grubości 6 px i długości 300 px, między nagłówkiem Our services a akapitem

Dodaj separator

Otwórz swoją stronę po zalogowaniu: przyciski kreatora pojawiają się po najechaniu na obszar treści. Twoja 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.
  • 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, aby zmienić odstępy wokół separatora.