Przejdź do treści

Jak zmienić kolor okienka czatu i przycisku 'wyślij'

Aktualizacja: Wyświetleń: 4822 2 min czytania

Zmiana koloru zakładki czata


Aby zmienić kolor zakładki czatu należy przejść do edycji swojego widgetu czatu: Ustawienia > Konfiguracja Live Chata > Więcej opcji. W polu Dostosowanie wyglądu wybierz Więcej:

screenshot ksss

Należy tam wkleić poniższy kod CSS i zapisać zmiany.

.sugester-chat-box .sugester-chat-heading, .sugester-chat-tab {

   background: black none repeat scroll 0 0;

   border-bottom: 1px solid black;

   color: #fff;

}


Jeżeli chcemy użyć koloru w postaci HEX (np. #000 - daje czarny) musimy użyć poniższy kod CSS i odpowiednio zamienić kolor:

.sugester-chat-box .sugester-chat-heading, .sugester-chat-tab {

   background: #000 none repeat scroll 0 0;

   border-bottom: 1px solid #000;

   color: #fff;

}

 

Zmiana koloru przycisku "Wyślij"


Aby zmienić kolor przycisku "wyślij" należy poniżej powyższego kodu CSS wkleić kod:
 
.sugester-chat-leave-form .sugester-chat-button,

.sugester-chat-box .sugester-chat-button,

#sugester_chat_send-msg_button {

    color: #fff;

    background-color: #00888f;

}


 
... i również odpowiednio go zmodyfikować

Zmiana koloru tekstu na zakładce i przycisku


Linijka kodu:

color: #fff;

w powyższych kodach odpowiada za kolor czcionki na zakładce/przycisku. Kolor czcionki modyfikujemy analogicznie jak kolor zakładki.

Uwaga: Jeżeli nie wiemy dokładnie jaki numer HEX ma kolor, którego chcemy użyć możemy skorzystać ze strony http://www.colorpicker.com/  i tam wybrać kolor lub z dodatku FIREBUG (do firefox lub chrome) i skopiować kolor w poniższy sposób:
firebug kolor

Uwaga: Jeżeli pojawią się problemy z dodaniem własnego koloru - prosimy o kontakt z nami - chętnie pomożemy w modyfikacji koloru zakładki.

Czy ten wpis był pomocny?

Udostępnij