How can I make the hover text window not drop down, but drop up?

  • Profile Image
    Asked on May 10, 2011 at 07:22 PM


    My hover text over 'Terms and Conditions' at opens in a window that drops down. The problem is that not all of the text in the hover window is visible (and if you try to reach it with the mouse it has disappeared by the time you get there).

    How can I make the hover text window not drop down, but 'drop' up?



  • Profile Image
    Answered on May 10, 2011 at 08:52 PM

    Hi Richard,

    Try this css code:

    .form-description {
       max-width: 150px;


    Adjust the value of top to position the hover text precisely. Also, you might want to adjust max-width to make your terms and conditions appear more readable.


  • Profile Image
    Answered on August 28, 2011 at 11:53 AM

    Hi Richard

    While searching the forum for a solution to a query in another thread, I stumbled upon this one.

    I have cloned your form and re-positioned both the hover text box and it's arrow. I have also replaced the "Terms and conditions" radio button with a check box (since radio buttons, once selected, cannot be deselected unless another radio button in the same field is selected) and attached two (2) conditions to the said field which prevent submission of the form unless the user agrees to the terms.

    If you wish, you can clone my clone, copy the injected CSS, change the radio button to a check box and create the same conditions in your original form.


    ~ Wayne