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

  • Profile Image
    wolfpaw69
    Asked on March 31, 2017 at 06: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.

  • Profile Image
    Mike_G
    Answered on April 01, 2017 at 05: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:

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

    Thank you.