Want to build your own 24/7 FAQ knowledge base?
LibraryH3lp subscriptions include unlimited independent internal or public-facing knowledge bases.


Search the LibraryH3lp Knowledge Base

 

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

963 views   |   Last updated on Dec 11, 2019    chat widget transcripts

 

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

FAQ URL:

More Help

Search By Topic

Share this FAQ