HelpOut Tab - changing Chat, Ticket and Callback button images

How do I change the Chat, Ticket and Callback button images shown by HelpOut Tab?

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