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

    How Do I Fix Inconsistent Spacing Between Sub-Product Label, Price, And Quantity?

    Asked by bdoodle on February 14, 2015 at 01:30 AM

    I have several products on my payment form.  The sub product text, price, and quantity fields do not line up across products.  Also, sometimes text wraps and sometimes not.  Sometimes the USD is below the price field and sometimes beside it.

    Is there a way to make this stuff appear in a more consistent manner?

    Thanks.

    Page URL:
    http://www.madsails.com/Order_FS_sailsTest.html

    label quantity product and
  • Profile Image

    Answered by Sean on February 14, 2015 at 11:53 AM

    I am currently checking into this for you. I will be providing an update soon.

    Cheers!

  • Profile Image

    Answered by bdoodle on February 15, 2015 at 11:51 AM

    Hi,

      I still haven't heard anything on this question.  Is someone still working on it?

    Thanks.

  • Profile Image

    Answered by Sean on February 15, 2015 at 12:29 PM

    Hello bdoodle,

    Sorry about the delay with my response. I went through some series of test regarding the alignment of your form and I am happy to say that I was able to get a more consistent spacing with the use of CSS codes and slight modifications in the settings of your form.

    Here is my cloned version of the form in question:
    http://form.jotformpro.com/form/50453037302948?

    You can clone it via URL if you wish.

    You can inject the follow CSS codes and follow the instructions provide in the screenshot below to accomplish what I have done.

    table th{
    text-align: left !important;
    width: 200px;
    }

    table td{
    text-align: left !important;
    align-content: left;
    }

    After you inject the code above, you need to change the alignment of you PayPal label.



    I hope this helps. Feel free to contact us if further support is needed.


    Cheers!

  • Profile Image

    Answered by bdoodle on February 15, 2015 at 01:57 PM

    Wow!  Thank you very much.  

  • Profile Image
    JotForm Support

    Answered by KadeJM on February 15, 2015 at 03:20 PM

    On behalf of Sean you are very welcome.