Support Center > Knowledge Base> Article: HelpOut Tab - changing Chat, Ticket and Callback button images

HelpOut Tab - changing Chat, Ticket and Callback button images

Article ID: 25174 Email Print
Question
How do I change the Chat, Ticket and Callback button images shown by HelpOut Tab?

Answer
To change the Chat, Ticket and Callback button images shown by HelpOut tab please add this style to the page where HelpOut tab code is installed:
 
 
 CHAT:
<style>
.lhn_live_chat_btn, .lhn_live_chat_btn:visited {
    background: url("http://yourdomain.com/images/tabimage.png") no-repeat scroll 0 0 transparent !important;
    height31px !important;
    width207px !important;
}
.lhn_live_chat_btn:hover {
    backgroundurl("http://yourdomain.com/images/tabimage.png") no-repeat scroll 0 0 transparent !important;
    height31px !important;
    width207px !important;
}

</style>
 
Ticket: 
<style>
 
.lhn_ticket_btn, .lhn_ticket_btn:visited {
    background: url("http://yourdomain.com/images/tabimage.png") no-repeat scroll 0 0 transparent !important;
    height31px !important;
    width207px !important;
}
.lhn_ticket_btn:hover {
    background: url("http://yourdomain.com/images/tabimage.png") no-repeat scroll 0 0 transparent !important;
    height31px !important;
    width207px !important;
}

</style>
 
Callback:
<style>
.lhn_callback_btn, .lhn_callback_btn:visited {
    background: url("http://yourdomain.com/images/tabimage.png") no-repeat scroll 0 0 transparent !important;
    height: 31px !important;
    width: 207px !important;
}
.lhn_callback_btn:hover {
    background: url("http://yourdomain.com/images/tabimage.png") no-repeat scroll 0 0 transparent !important;
    height: 31px !important;
    width: 207px !important;
}

</style>
 
 
You need to replace http://yourdomain.com/images/tabimage.png with URL location of your custom tab image.
 
 
 
There are a variety of other ways to customize the HelpOut Tab:
http://help.livehelpnow.net/article/1/2205/installation-as-a-tab-slideout

Related articles

Article Details
Views: 7780 Created on: Dec 07, 2012
Date updated: Sep 13, 2014
Tagged: css


Poor Outstanding