Jak powiększyć okienko czatu za pomocą CSS

Utworzono: 2016-08-26
Ostatnia aktualizacja: 2016-08-26
Liczba odwiedzin posta: 640

Aby zmienić wygląd okienka czatu za pomocą CSS (np. powiększyć)  należy przejść do edycji swojego widgetu czatu. Znajduje się to w menu Ustawienia > Konfiguracja Live Chata > Więcej opcji  w polu Dostosowanie wyglądu .

Należy tam wkleić lub wpisać swój kod CSS modyfikujący domyślne style czatu.

/*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 */
}





Po wklejeniu i modyfikacji kodu musimy kliknąć "zapisz"


 


Powrót


Dodaj komentarz