How can I add a line break between Payment Option Properties

  • Profile Image
    jonsan32
    Asked on January 19, 2016 at 06:42 PM

    My form (https://form.jotform.com/40305527682958 and click the 50 All-Stars option to view the payment portion) currently has the extra options on the payment field all aligned horizontally. I've searched for the fix in the forum section, but I guess I'm the first to run across this. I know I must add CSS to something or other, but I'm not quite sure of how to add a line break between each SELECT OPTION within the form-sub-label-container

    Thanks for any help you're able to provide!

     

  • Profile Image
    jonsan32
    Answered on January 19, 2016 at 07:32 PM

    I've decided to just add more subitems instead, but still would like to know how this would be accomplished. The payment total also wasn't changing until I switched routes. 

  • Profile Image
    Chriistian
    Answered on January 20, 2016 at 01:06 AM

    Hi,

     

    You can make the width of the field into 1/3rd of the total width of the form to have 3 columns per row.

    For example:

    li#id_41 {

        width: 30%;

    }

    li#id_42 {

    width: 30%;

    }

    li#id_43 {

        width: 30%;

    }

    This css implies that the three fields will have a width that is 30% of the form. Any field after these three will then move down to the next row because there is no room in that row.

    ex: If there is a Free Item #4, it would move to the bottom of Free Item #1

     

     

    Do inform us if you need further assistance,
    Regards.