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

    Increase/decrease the width of the hover text box

    Asked by DavidVerissimo on August 15, 2012 at 04:06 PM

    I used the css code to increase/decrease the width of the hover text box that you gave me:

     

    .form-description {
       width: 175px;
    }

     

    but apparently it did not result. Did i do something wrong? Can you check my form please?

     

    Thanks

    Page URL:
    http://form.jotformeu.com/form/21155516767356

  • Profile Image
    JotForm Support

    Answered by idarktech on August 15, 2012 at 04:19 PM

    Hi,

    Use this:

     

    .form-description {

    width: 175px !important;

    max-width: 175px !important;

    }

    Let us know if you need something else. Thank you.

     

  • Profile Image

    Answered by DavidVerissimo on August 15, 2012 at 04:26 PM

    It didn't work out...

  • Profile Image
    JotForm Support

    Answered by idarktech on August 15, 2012 at 04:33 PM

    Hi,

    There's something wrong with your code. You've used:

    max-width: 175x !important;

    instead of

    max-width: 175px !important;

    Please edit it, it should be px :)

    Thanks.

  • Profile Image

    Answered by DavidVerissimo on August 15, 2012 at 04:45 PM

    You're right but the hover text stills the same width after i corrected it.

  • Profile Image
    JotForm Support

    Answered by idarktech on August 15, 2012 at 04:55 PM

    It's working fine here, I can see the changes you've maid on your description message. It might be a browser cache issue on your end. Please clear your browsers cache and recheck your form. You may also change 175px to something larger (like 200px) so you would notice the changes.

    Thanks.

  • Profile Image

    Answered by DavidVerissimo on August 15, 2012 at 05:01 PM

    Can you send me a PrintScreen of what you see please?

  • Profile Image

    Answered by DavidVerissimo on August 15, 2012 at 05:06 PM

    There's no need to after all. I see it now but the hover box went very far to the right. What happened? How i put it back next to the form?

  • Profile Image
    JotForm Support

    Answered by idarktech on August 15, 2012 at 05:35 PM

    Hi,

    Please add this code. Let me know if this doesn't help. Thanks.

    .form-description{

    left: 450px;

    }

    Or simply add left: 450px; below max-width property.