Custom CSS: Align the dropdown boxes

  • Profile Image
    jbefooty
    Asked on October 24, 2017 at 08: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

  • Profile Image
    amy
    Answered 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.

  • Profile Image
    jbefooty
    Answered 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


  • Profile Image
    Chriistian
    Answered on October 24, 2017 at 01:27 PM

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

  • Profile Image
    Chriistian
    Answered on October 24, 2017 at 01: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.png


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