HelpOut Tab - changing tab image

How do I change the tab image shown by HelpOut Tab?

To change the tab image shown by HelpOut Tab please add this style to the page where HelpOut tab code is installed:
You can also change HelpOut Tab Chat, Ticket and Callback button images.

 

<style>

.lhn_help_btn, .lhn_help_btn:visited {
    background: url("http://yourdomain.com/images/tabimage.png") no-repeat scroll 0 0 transparent !important;
    height: 149px !important;
    width: 37px !important;
}

 

.lhn_help_btn:hover{
    background: url("http://yourdomain.com/images/tabimage.png") no-repeat scroll 0 0 transparent !important;
    height: 149px !important;
    width: 37px !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