How to left align columns in payment product?

  • npapadmin
    Asked on December 13, 2018 at 3:55 PM

    Hello,

    How can I left align these column's? And remove the widow lines?

    This CSS code a given to me by tech support here.

     

    Jotform Thread 1672834 Screenshot
    Page URL: https://form.jotform.com/83465363843161
  • jherwin
    Replied on December 13, 2018 at 6:28 PM

    Please inject this custom CSS Code to your form:

    span.form-product-item {

        margin-left :230px !important;

     }

    hr{

        display:none;

    }

    -> Guide: How to Inject Custom CSS Codes

    1544743697result Screenshot 10
    Give it a try and let us know how it goes. :)

  • npapadmin
    Replied on December 13, 2018 at 10:24 PM

    Excuse me I meant keep the COLUMNs, AND left align, plus no widows?

    Now the two columns are one column.answers Screenshot 10

     

  • Ashwin JotForm Support
    Replied on December 14, 2018 at 3:10 AM

    I am not sure if I have understood your question correctly. Do you mean to say that you want to align both the products in each column correctly? Please check the screenshot below if this is what you want to achieve:

    1544774787productOption Screenshot 10

    Please take a look at the following cloned form and see if this displays the products as expected:  https://form.jotform.com/83471453688973 

    I would suggest you to please explain your requirement of "plus no widows?" a bit more in detail and we will try to help you. 

    We will wait for your response.