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

  • bdoodle
    Asked on February 14, 2015 at 1: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.

  • Sean
    Replied on February 14, 2015 at 11:53 AM

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

    Cheers!

  • bdoodle
    Replied 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.

  • Sean
    Replied 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.

    How Do I Fix Inconsistent Spacing Between Sub Product Label, Price, And Quantity? Image 1 Screenshot 20

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


    Cheers!

  • bdoodle
    Replied on February 15, 2015 at 1:57 PM

    Wow!  Thank you very much.  

  • KadeJM
    Replied on February 15, 2015 at 3:20 PM

    On behalf of Sean you are very welcome.