Custom CSS: Align the dropdown boxes

  • jbefooty
    Asked on October 24, 2017 at 8:35 AM

    Hi I have attached form I have produced and cannot get the boxes to line up  Basically I would like them to read as fixtures in text box so as people can enter their predicted scores for these matches.

    Thanks

  • amy
    Replied on October 24, 2017 at 11:30 AM

    Would you please let us know whether you want to align all of the 6 drop-down menus at the same line? I see that you have implemented some custom CSS to your form. These can prevent to align drop-down boxes as you want. 

    If you give us detailed information about how you want to align the drop-down menus, we would like to help you.

  • jbefooty
    Replied on October 24, 2017 at 11:47 AM

    Hi Amy

    Thanks for replying I would like dropdown boxes as two per line ie

    Wales       Scotland

    dropdown boxes beneath each

    Thanks


  • Chriistian Jotform Support
    Replied on October 24, 2017 at 1:27 PM

    I am currently checking your form. Please allow me some time to fix the alignments of your fields.

  • Chriistian Jotform Support
    Replied on October 24, 2017 at 1:55 PM

    Please add this custom CSS to your form.


    .form-line[data-type=control_dropdown] {

        width: 50% !important;

        float: left;

        padding: 0 !important;

    }


    Please see steps below.

    15088676702017 10 25 0153 Screenshot 10


    You can check and clone my form https://form.jotform.com/72965778551978.