What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Hover box Fix (Please help)

    Asked by kmarimon1 on July 01, 2011 at 01:40 PM

    Anyone know how to fix this? (Look at the hover box)

     

     

    Hover box way off to the right

  • Profile Image
    JotForm Support

    Answered by NeilVicente on July 01, 2011 at 11:54 PM

    Hi,

    Your form's width is 1000px, while your website's main content division is set to 940px, thus the hover text gets cut off. Solution to this is change your form's width to 940px, so that the form fits well on your site.

    I went ahead and applied the necessary changes to your form. Your embedded form looks perfectly fine now on my end. Please check to confirm if you see the same results as I do.

    Let me know if I can be of further help. Thanks.


    Neil

  • Profile Image

    Answered by kmarimon1 on July 03, 2011 at 11:23 AM

    Thanks alot!! Very helpful, great support! Now is there any way to get the hover text closer to too each field?

    I really wish there was some sort of css dictionary for developers.

     

  • Profile Image
    JotForm Support

    Answered by NeilVicente on July 03, 2011 at 11:31 AM

    Hi,

    Try this CSS fix:

    .form-description {
       
    right200px;

    }

    Increase the value to make the hover text closer to the form fields.

    To inject that css code onto your form:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea


     

    Let me know how this works for you.

    As for your request of a CSS dictionary, you may want to download Firebug add-on for Firefox. It will definitely help you in figuring out which css selectors affect which page element.


    Neil

  • Profile Image

    Answered by kmarimon1 on July 11, 2011 at 11:38 AM

    That worked great! Sorry for the late response!