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 to have two column Payment Form

    Asked by rtis_admin_cangrad on September 25, 2014 at 02:50 PM

    My list of products is HUGE and when I added half to the payments list - it started looking really messy.  

    I could use the drop down to group some of them but I'd rather not.


  • Profile Image

    Answered by Mark on September 25, 2014 at 05:38 PM

    Yes, that is possible by injecting custom css in your form. Below is the code you need to achieve that.

    .form-product-item {

    border: 1px solid #EFEFEF;

    margin: 1px;

    float: center;

    width: 293px;


    .form-product-item + br {



    br + b {

    float: left;

    padding-top: 20px;


    .form-payment-total {

    line-height: 50px;

    margin: 1px;

    border: 0px solid #EFEFEF;

    border-radius: 4px;

    padding: 15px;

    padding-right: 193px;

    padding-left: 6px;


    Here's the guide on how to inject custom css codes.


    Feel free to contact us again if you need further assistance.

    Have a nice day!

  • Profile Image

    Answered by rtis_admin_cangrad on September 26, 2014 at 04:20 PM


    I just posted an urgent request - my entire product section is now missing... even in the backup version of the form...

  • Profile Image

    Answered by Mark on September 26, 2014 at 04:45 PM


    Can you please confirm if you are referring on this form for further assistance?