Changing HelpOut tab top position

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

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