Support Center > Knowledge Base> Article: Changing HelpOut tab top position

Changing HelpOut tab top position

Article ID: 36539 Email Print
Question
How can I move the HelpOut tab lower or higher on my webpage?

Answer

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 higher on the webpage.

 

*To keep the Tab and the Help Panel inline with each other, please make sure that your .lhn_help_btn top position is 10 pixels higher than the .lhn_help_container top position.

 

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: 9339 Created on: Jul 24, 2013
Date updated: Sep 13, 2014
Tagged: css


Poor Outstanding