css for 2 columns for payment form?

  • jonsan32
    Asked on September 24, 2014 at 7: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. 

  • jonsan32
    Replied on September 25, 2014 at 1: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. 

  • jonathan
    Replied on September 25, 2014 at 5:09 AM

    Hi,

    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.

    css for 2 columns for payment form? Image 1 Screenshot 20

    We are glad to know that all is good.

    Contact us again anytime should you need further assistance.

    Thanks!