Labels width individual resizing

  • Profile Image
    HelloNingbo
    Asked 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
    idarktech
    Answered 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
    HelloNingbo
    Answered 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
    HelloNingbo
    Answered 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