Jak powiększyć okienko czatu za pomocą CSS
Utworzono:
2016-08-26
Ostatnia aktualizacja: 2022-06-20
Ostatnia aktualizacja: 2022-06-20
Liczba odwiedzin posta: 2620
Aby zmienić wygląd okienka czatu za pomocą CSS (np. powiększyć) należy przejść do edycji swojego widgetu czatu. Wejdź w Ustawienia > Konfiguracja Live Chata > Więcej opcji i w polu Dostosowanie wyglądu kliknij Więcej.
Wklej lub wpisz swój kod CSS modyfikujący domyślne style czatu. Na koniec kliknij Zapisz.
Poniżej przykładowe skrypty:
Wklej lub wpisz swój kod CSS modyfikujący domyślne style czatu. Na koniec kliknij Zapisz.
Poniżej przykładowe skrypty:
/*Powiekszanie okienka*/
#sugester-chat .sugester-chat-box {
width: 350px; /* tu wpisujemy szerokosc w pikselach */
}
#sugester-chat .sugester-chat-box {
height: 430px; /* tu wpisujemy wysokosc w pikselach */
}
/*Powiekszanie pol do wpisywania tekstu i maila*/
html .sugester-chat-box .sugester-chat-leave-form .sugester-chat-text,
html .sugester-chat-box .sugester-chat-leave-form .sugester-chat-name,
html .sugester-chat-box .sugester-chat-leave-form .sugester-chat-input {
max-width: 319px !important; /* tu wpisujemy szerokosc w pikselach */
width: 319px !important; /* tu wpisujemy szerokosc w pikselach */
}
/*Powiekszanie przycisku*/
.sugester-chat-leave-form .sugester-chat-button {
width: 100%; /* tu wpisujemy szerokosc w pikselach lub procentach */
}Zarządzaj całą swoją firmą w jednej aplikacji. Wypróbuj Sugester przez 30 dni za darmo!
Rozpocznij darmowy okres testowyPowrót
Dodaj komentarz