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:
You can also change the main tab image for the HelpOut Tab.
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;
height: 31px !important;
width: 207px !important;
}
.lhn_live_chat_btn:hover {
background: url("http://yourdomain.com/images/tabimage.png") no-repeat scroll 0 0 transparent !important;
height: 31px !important;
width: 207px !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;
height: 31px !important;
width: 207px !important;
}
.lhn_ticket_btn:hover {
background: url("http://yourdomain.com/images/tabimage.png") no-repeat scroll 0 0 transparent !important;
height: 31px !important;
height: 31px !important;
width: 207px !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;
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;
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
http://help.livehelpnow.net/article/1/2205/installation-as-a-tab-slideout