Drop-down list shows the arrow too far to the right

  • wolfpaw69
    Asked on March 31, 2017 at 6:15 PM

    My form has a couple of issues.  One is the drop down arrow shows over the "Detached" radio selection.  The other, I'm trying to line up my selection boxes and can't figure it out.

    Drop down list shows the arrow too far to the right Image 1 Screenshot 20

    Page URL: https://form.jotform.us/53127112452141
  • Mike_G JotForm Support
    Replied on April 1, 2017 at 5:01 AM

    The issue you are having can be fixed by adding the CSS codes below to your form.

    div#cid_274, div#cid_272 {

        width: 145px !important;

    }

    li[data-type="control_dropdown"] > div#cid_272:after {

        top: 7px !important;

    }

    li[data-type="control_dropdown"] > div#cid_272:before {

        height: 13px !important;

    }

    Related Guide: How-to-Inject-Custom-CSS-Codes

    Here's a screenshot of the result:

    Drop down list shows the arrow too far to the right Image 1 Screenshot 20

    I hope this helps. If you have any further questions, please feel free to contact us again anytime.

    Thank you.