How to have two column Payment Form

  • Profile Image
    Asked 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 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 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 on September 26, 2014 at 04:45 PM


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