Tag: css
10 Articles
Orange arrow How do I change the Chat, Ticket and Callback button images shown by HelpOut Tab?

10758 views
  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 { ...
Tagged: css


Orange arrow How can I move the HelpOut tab lower or higher on my webpage?

8691 views
  You may do this by adding the following CSS styles to your webpage: <style type="text/css"> .lhn_help_btn{ top: 125px !important; } .lhn_help_container{ top: 115px !important; } </style> Just change both (top:) numbers to desired values to move the tab lower or hi...
Tagged: css


Orange arrow Why does the HelpOut Tab display behind the scrollbar in Internet Explorer?

7304 views
  IE with Issue IE with fix This is a common issue found when using bootstrap type responsive css files. Please search the css file for something similar to the following: @-ms-viewport{width:device-width} If you remove this part of the CSS it will resolve the issue....
Tagged: css


Orange arrow How do i customize ticket window with CSS?

6431 views
  Download default CSS file from here Upload to a public resource on the web Link to it in Admin panel->Ticket System->Customization->Labels & Fields (CSS File) Edit the CSS to customize your ticket window, the changes will be reflected live and in real time....
Posted in: Ticket Windows
Tagged: css


Orange arrow How do I customize chat window with CSS

17182 views
  Login to your account and switch to Admin Panel Proceed to Chat System ->Customization-> Chat window Click [+] Add Window Customization or edit an existing window. Download sample CSS file or use this one: http://www.LiveHelpNow.net/lhn/windows/chat/def/win.css Modify the file with the st...
Tagged: css, chat window


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

11789 views
  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/tabi...
Tagged: css


Orange arrow how do I remove the email and print icons on a chat window?

10273 views
  This article requires a knowledge of css, and css for the LiveHelpNow chat window. To remove the email and print options on the chat window please do the following: If using default LiveHelpNow CSS for the chat window please cimply change CSS file URL location in admin panel->chat system->c...
Orange arrow Is there a way to have a link or image on my webpage to open HelpOut Tab panel on click?

8806 views
  You may apply "lhn_open_panel" CSS class to any element on your web page to instruct it to open HelpOut Tab panel on click like so:<a href="#" class="lhn_open_panel">Help</a> There are a variety of other ways to customize the HelpOut Tab:http://help.livehelpnow.net/article/1/2205/i...
Tagged: css


Orange arrow When customizing the knowledge base, how do I remove all ticket system references?

14981 views
  To make this customization you will need to have a basic knowledge of CSS. Open the style.css file for your knowledge base. Knowledge base files can be found here. Please add this snippet of css code: #supportcenterbox {display:none;} Please add this snippet of css code: .box {display:...
Orange arrow How do i customize Embedded widget to closely match my website colors?

347 views
  Embedded widget does not use iFrame and is just another DOM element on your web page allowing to completely style it by using CSS residing within your website styles. Here are all of the elements of the Embedded Widget available to be styled: /* Live Chat button/tab styles */ #lhnHocButton .l...
Posted in: Embedded Widget
Tagged: css



Page: 1 of 1