Make this form shorter, to fit the image

  • shaliniy
    Asked on April 6, 2015 at 1:28 PM

    I will be using this form on pages like this: http://www.eftthailand.com/dev/coaching-mentoring/  

    There is too much 'space' between the text and the form, and too much space above all fields. I cannot find the code that is adding the padding or margin(s) that is doing this.

    Any assistance is greatly appreciated.

    Best,

     

    Michelle H

    Jotform Thread 547112 Screenshot
  • David JotForm Support
    Replied on April 6, 2015 at 2:20 PM

    Hi,

    Currently this section of your added CSS is creating the padding for the top of your text box fields:

    Make this form shorter, to fit the image Image 1 Screenshot 30

    Removing "top :50px;" will move the text box fields up more.  Decreasing the value will make the gap smaller.  Opening your form in the form designer, clicking on the CSS tab, then clicking on the field you wish to change the CSS for should allow you to make the changes much more easily:

    Make this form shorter, to fit the image Image 2 Screenshot 41

    If that is not the spacing you were looking to change, just let us know which fields specifically you would like altered and which other spacing you need changed and we will be happy to have another look.

  • shaliniy
    Replied on April 7, 2015 at 3:36 PM

    Thank you, David. I have gotten to the point where I need ONE more item...the submit button is too low and I cannot find the code in the wrapper or button itself to align it with the id #1 and #3. Can you help, please?

     

    Thank you.

     

    Michelle H

  • Ben
    Replied on April 7, 2015 at 4:55 PM

    Since this is not the same issue I have split your jotform to a new thread where we will make a reply shortly.

    The new thread can be found here: http://www.jotform.com/answers/547908