LiveHelpNow Help Desk

Support Center

BASIC

ADVANCED

Exact Match:

  • Home
  • Categories
  • Sign in
  • Home
  • Categories
  • |
  • Sign in
  1. Home
  2. Categories
  3. HelpOut Tab - changing Chat, Ticket and Callback button images

HelpOut Tab - changing Chat, Ticket and Callback button images

  • Date updated 2014-09-13
  • Author LiveHelpNow
  • Comments 0
  • Rating
  • Categories
  • Advanced Customization
  • HelpOut Tab
  • Tags
  • css

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;
    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;
    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

Rate this article


Your email is now subscribed to alerts for this article

Your email is not subscribed to alerts for this article

Subscribe to alerts for this article below

Unsubscribe to alerts for this article below


Leave a comment?

Related articles

  • What are the Software Requirements for running the LiveHelpNow Alerter?
    • 28884
    • 64
    • 0
  • Installation on a Flash based website
    • 24603
    • 61
    • 0
  • Custom information feed
    • 29851
    • 28
    • 0
  • Installation as a Tab Slideout - LiveHelpNow HelpOut Tab
    • 38758
    • 35
    • 0
  • How to disable chat invitation door bell sound
    • 24992
    • 63
    • 0
  • Install live chat as a link
    • 27964
    • 61
    • 0
  • Custom Live Chat Buttons
    • 35703
    • 87
    • 0
  • Trigger chat invitations
    • 28095
    • 61
    • 0
  • Dynamic chat invitations
    • 28709
    • 66
    • 0
  • Live Chat operator online/offline detection via JavaScript
    • 27994
    • 70
    • 0

Popular Knowledge Base Articles

  • Customize with different languages
    • 22207
    • 27
    • 0
  • LiveHelpNow Section 508 Compliance & Accessibility for Visually Impaired Users
    • 17630
    • 61
    • 0
  • Unsecured content warnings
    • 16504
    • 57
    • 0
  • HelpOut Tab - changing Chat, Ticket and Callback button images
    • 24300
    • 27
    • 0

Knowledge Base Authors

  • Michael Conde
    Michael Conde
    Total articles: 11
  • LiveHelpNow
    LiveHelpNow
    Total articles: 254

Company Sites

Home

Blog

Categories

  • General Questions
  • Getting Started
  • Customization
  • Advanced Customization
  • Troubleshooting
  • All Categories

Connect With Us

  • LiveHelpNow, LLC
  • Customer Support Software
  • 515 S West End Blvd
    Suite 202
    Quakertown, PA 18951

  • 8775483001
  • help@livehelpnow.com
  • https://www.livehelpnow.net
    Powered by LiveHelpNow customer support suite