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

    css for 2 columns for payment form?

    Asked by jonsan32 on September 24, 2014 at 07:51 PM

    I've read through and experimented with all the others within this forum who've conquered this feat, but have had no luck. If possible, please help me convert my payment section into 2 columns.

    I'm also trying to get the total price to be larger and to be to the immediate left of the submit button. 

    Thanks a ton.


    I've already done a lot with forming and styling headers, as well as removing pricing options with this script: 


    #input_1_1001_price, #input_1_1002_price, #input_1_1001.form-checkbox, #input_1_1002.form-checkbox{display:none;}

    .form-product-item label[for=input_1_1001],  .form-product-item label[for=input_1_1002]{font-size: 32px; font-weight:bold; letter-spacing:3px;}



    AND I've seen this page: http://www.jotform.com/help/235-How-To-Have-Two-Column-Payment-Form ---- The code isn't working for me; it just puts random items in certain spots. Might be a start though. 

    Page URL:

  • Profile Image

    Answered by jonsan32 on September 25, 2014 at 01:26 AM

    Checking back in. I figured it out with that link. You just have to be mindful of the order of items. I hope I've at least consolidated all that needs to be known to accomplish this. 

  • Profile Image
    JotForm Support

    Answered by jonathan on September 25, 2014 at 05:09 AM


    Thank you for updating us and sorry for the delayed response.

    I checked your jotform http://www.jotformpro.com/form/42666924404963 and I can see that you have now manage to apply the solution from the user guide.

    We are glad to know that all is good.

    Contact us again anytime should you need further assistance.