css for 2 columns for payment form?

  • Profile Image
    Asked 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. 

  • Profile Image
    Answered 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
    Answered 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.