Form layout, field and inputbox size with 3columms & strange pageheading

  • Profile Image
    afckredieten
    Asked on October 18, 2017 at 02:29 PM

    Hello,

    I've got 2 questions for form https://form.jotformeu.com/63502082205343

    1. On the bottom of page 1, i want to adjust certain fieldsize, i've tried with CSS buth somehow it doesnt seem to work.

    For instance the field "Naam verkoper / garage" i want to make the inputbox larger? But i've tried with the CSS but i cant seem to make it larger. Also certain fields below this field, the "Postcode" field i want to make it smaller, straat field larger, and so one. It seems that once you put 3 columms that field size cant be changed as easy as in a form without columms.  Now is it for instance possible to break the page, part 1 of the page is with 3 columms, and the part below is without columms, so you can play around with field size. 

    So how can i change the fields on the bottom below the orange " Contactgegevens verkoper"

    1508351234form2.PNG

    2. My second problem is a strange page layout on page 2, you will see that this page loads on the middle instead of the top of the page, like the rest of the pages. I don't find any reason why this is happening, but it's pretty anoying.

    See attach/screenshot 2 or in the form if you open page 2 in Chrome its messed up

    1508351290form1.PNG

  • Profile Image
    Marvih
    Answered on October 18, 2017 at 03:48 PM

    Try adding this code into your CSS to increase the input width of "Naam verkoper / garage"

    #input_1065.form-textbox{

     width:600px !important;

     max-width: 1000px !important;

    }

    To decrease the postcode width try adding this code.

    #input_1051.form-dropdown{

      width: 100px !important;

    }


    If you know the field id, just add "!important" to override the default value.

    Let us know if you need more help.


  • Profile Image
    Marvih
    Answered on October 18, 2017 at 03:49 PM

    I have created a separate thread for your second question to avoid confusion.

    We will give you a reply on this link https://www.jotform.com/answers/1276742