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

    Labels width individual resizing

    Asked by HelloNingbo on April 23, 2012 at 11:28 AM

    Hi!

    I have a form here: http://www.helloningbo.com/survey

    Inside this form I have 2 Text Areas but the labels on top look ugly. I would like both of them to take the full width of the page, NOT following the global CSS of other labels on the form.

    I know I can use the "Inject CSS" feature to individually resize some fields but I am a bit lost...

    Is there anyone could help/tell me the code I should put to have the 2 concerned labels going until the end of the right side of page like a normal text line?

    Here are the concerned labels: 

    1- "What do you think is missing or should be improved?...."

    2 - "If you have any message, feel free to add your feedback...."

     

    THANK YOU VERY MUCH for your help!

    Paul

  • Profile Image
    JotForm Support

    Answered by idarktech on April 23, 2012 at 06:35 PM

    Hi Paul,

    Injecting this CSS code should help. 

    .form-captcha {

    margin-bottom: 30px;

    }

    #label_7, #label_44{

    width:470px !important;

    }

    Please be sure to remove your current CSS Codes or else it wont work, because your .form-captcha css ends with a wrong tag "{" should be "}" (without quotes).

    Hope this helps. Let me know if you have any further questions. Thanks for using JotForm!

  • Profile Image

    Answered by HelloNingbo on April 23, 2012 at 08:05 PM

    Hello Idarktech!

    THANK YOU for your great answer!

    Yes it worked perfect and it's great you also mentionned my syntax mistake.

    Jotform support is stunning!

    Thanks again!

    Paul

  • Profile Image

    Answered by HelloNingbo on April 23, 2012 at 08:12 PM

    IN CASE SOMEONE HAS SIMILAR REQUEST:

    THIS RELATED TOPIC ALSO GIVES MANY TIPS

    http://www.jotform.com/answers/52644-Is-it-possible-to-change-the-label-width-individually-rather-than-globally

    =====================================

    Firefox and its FIREBUG extension is also essential for quickly identifying the css values we wish to change:

    https://addons.mozilla.org/en-US/firefox/addon/firebug/

    Hope this helps,

    Paul