Want to build your own knowledgebase?
Each LibraryH3lp subscription includes unlimited independent internal or public-facing knowledgebases (FAQs).



Search the LibraryH3lp Knowledge Base

 

 


How do I style the Clear Chat History button in the chat box?

219 views   |   Last updated on Feb 14, 2017    transcripts chat widget

 

You can override the appearance of the Clear Chat History button in the chat box by applying new styling in the Wicked CSS Hack area for your chat box skin in the Widgets page of the admin dashboard.

You can use standard button CSS to style the Clear Chat History button and that style will be applied to the #recv button element.

Here's one (somewhat whimsical) example of a big green Clear Chat History button:

#recv button {
  background-color:#44c767;
  -moz-border-radius:28px;
  -webkit-border-radius:28px;
  border-radius:28px;
  border:1px solid #18ab29;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:arial;
  font-size:17px;
  padding:16px 31px;
  text-decoration:none;
  text-shadow:0px 1px 0px #2f6627;
}

big green clear chat history button

Topics