My form will not fully change sizing?

  • cancergrace
    Asked on March 15, 2016 at 12:54 PM

    Form field in upper part of form is holding at a larger width than the other lower fields.  Upper field has image, also text, lower part of forms change with 'width change' on form styles.

    Jotform Thread 795076 Screenshot
  • Charlie
    Replied on March 15, 2016 at 1:25 PM

    I presume you would like the content of the "Text" field to match the size and alignment of the actual form?

    I cloned your form and made some changes on my end. Here's how it looks like using the custom CSS code that I have: https://form.jotform.com/60745562336963.

    Is that the change you would like? If so, you can use this custom CSS code:

    /* Match the width of the form */

    #text_73 > table:nth-child(1) {

        width: 100% !important;

    }

     

    /* Center the td where the image is*/

    #text_73 > table:nth-child(1) > tbody > tr:nth-child(2) > td {

       text-align: center !important;

    }

     

    You can copy and paste it under under your CSS tab in the Form Designer Tool.

    My form will not fully change sizing? Image 1 Screenshot 20

     

     

    You can also get a copy of my form by following this guide: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL. Let us know if that works.

  • cancergrace
    Replied on March 15, 2016 at 4:00 PM

    thank you!  that works.

  • cancergrace
    Replied on March 15, 2016 at 4:02 PM

    here is another question for you - we want to capture just postal code, is there a way to use the address fields but hide all but country and postal code/zip?
  • Charlie
    Replied on March 15, 2016 at 4:05 PM

    You are most welcome. I'm glad it worked.

    For your follow up concern, I have opened a separate thread for it. Please refer to this link: http://www.jotform.com/answers/795283. We will address it shortly. Thank you.