Jak powiększyć okienko czatu za pomocą CSS

Utworzono: 2016-08-26
Ostatnia aktualizacja: 2022-06-20
Liczba odwiedzin posta: 2373

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.

screenshot ksss

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 testowy


Powrót


Dodaj komentarz