Kierunek tekstu od prawej do lewej – RTL

Last updated: 7 lutego, 2022 Written by: Teresa
Table of contents
Table of contents

Na landing page’u domyślnie tekst jest wyświetlany od lewej do prawej (LTR). Dotyczy to zarówno tekstu utworzonego za pomocą widgetu Tekst, jak i danych użytkownika wprowadzonych do formularza (input). Możesz zmienić kierunek tekstu na RTL – od prawej do lewej, dodając do landing page'a kod CSS.

Ta opcja jest przydatna, kiedy chcesz tworzyć treści w językach zapisywanych od prawej do lewej, jak np. hebrajski czy arabski.

Poniżej przykład wdrożenia RTL na landing page'u:

Zmień sposób zapisu na RTL na całym landing page’u

Ta metoda pozwoli na zmianę zapisu na RTL na całym landing page'u, również w formularzu.

1. Zaloguj się do platformy Landingi i przejdź do edytora wybranego landing page'a.

2. Przejdź do Ustawień strony i kliknij w przycisk Dodaj własny CSS.

  

Podczas edycji do Ustawień strony wrócisz, klikając na strzałkę:

3. Wklej poniższy kod CSS w odpowiednie pole, dodając go do strony głównej (1) lub/i do strony po konwersji (2).

.widget {
	direction: rtl !important;
}

4. Zapisz i zamknij. Następnie opublikuj landing page'a.

Kody CSS nie są aktywne w edytorze. Zmiany będą widoczne dopiero na opublikowanym landing page'u.

RTL dla pojedynczego widgetu

Ta metoda pozwala na zmianę zapisu określonego widgetu Tekst na RTL. 

1. Kliknij w wybrany widget Tekst. Odszukaj zakładkę Inne w toolbarze po prawej stronie i skopiuj ID widgetu.

2. Przejdź do Ustawień strony i kliknij w przycisk Dodaj własny CSS.

3. Skopiuj i wklej poniższy kod CSS, dodając go do strony głównej lub/i do strony podziękowania. Zastąp IDelementu skopiowanym numerem ID widgetu. 

#IDelementu {
	direction: rtl !important;
}

4. Zapisz i zamknij. Następnie opublikuj landing page'a.

Kody CSS nie są aktywne w edytorze. Zmiany będą widoczne dopiero na opublikowanym landing page'u.

RTL dla kilku widgetów

Ta metoda pozwala na zmianę zapisu określonych widgetów na RTL za pomocą odpowiedniej klasy dodanej do wybranych widgetów. 

1. Kliknij w wybrany widget, którego zapis chcesz zmienić na RTL. Odszukaj zakładkę Inne w toolbarze po prawej stronie i w polu Klasy wpisz textrtl.

2. Powtórz poprzedni punkt dla wszystkich widgetów, dla których zapis chcesz zmienić na RTL.

3. Przejdź do Ustawień strony i kliknij w przycisk Własny CSS.

4. Skopiuj i wklej poniższy kod CSS, dodając go do strony głównej lub/i do strony podziękowania.

.textrtl {
	direction: rtl !important;
}

5. Zapisz i zamknij. Następnie opublikuj landing page'a.

Kody CSS nie są aktywne w edytorze. Zmiany będą widoczne dopiero na opublikowanym landing page'u.

Was this manual helpful?