Support Center > Knowledge Base> Article: HelpOut Tab - changing tab image

HelpOut Tab - changing tab image

Article ID: 24343 Email Print
Question
How do I change the tab image shown by HelpOut Tab?

Answer

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

Article Details
Views: 9328 Created on: Nov 13, 2012
Date updated: Sep 13, 2014
Tagged: css


Poor Outstanding