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

Utworzono: 2016-08-09
Ostatnia aktualizacja: 2017-09-15
Liczba odwiedzin posta: 944

Zmiana koloru zakładki czata


Aby zmienić kolor zakładki czatu 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ć poniższy kod CSS i zapisać



.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ć poniższy kod:

 
... 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:




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.


Powrót


Komentarze

uAr466931
Arczi.wola@onet.eu
H

2017-09-09 16:12

Zgłoś naruszenie zasad

Dodaj komentarz