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

    spacing and box aligned

    Asked by BBC2016 on April 14, 2016 at 02:52 AM

    These are the only things left I can't figure out how to fix! Can you do these in my form or give me a link of the new changes? I have spent HOURS trying to do the changes below :

    -All boxes should all be the same size and aligned just like in the picture

    -All spacing between box fields and titles should be just like in the picture

    -Can we make phone number box be 1 box take out area code section?

    -These are the only things left I can't figure out how to change in the CSS.

    I have spent HOURS trying to do the changes.

    How can i tip/pay/upgrade my membership?????


    Please help!! :(

    Page URL:
    http://buildingbridgescoalition.org/moreinforsvp/

    Screenshot
    and size phone number picture section
  • Profile Image
    JotForm Support

    Answered by beril on April 14, 2016 at 04:54 AM

    When I've checked your website I see that the height value is changing. We ould appreciate it if you could re-embed your form as you see below:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/61030979341151" frameborder="0" style="width:100%; height:1049px !important; border:none;" scrolling="no"> </iframe>

     

    In addition to that, if you add the CSS code below it will work as expected.

     

    #input_13_cc_exp_year {

        width : 200px !important;

        margin-left : 5px !important;

    }

     

    .form-textbox.cc_ccv {

        margin-left : 5px !important;

        width : 200px !important;

    }

     

    #input_19_phone {

        margin-left : 7px !important;

    }

    Here is how it works on my side:

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.