Can I shorten the length of fields in the payment area?

  • LegacySolarCoop
    Asked on September 23, 2016 at 7:26 PM

    My drop down fields for Expiration Date and Year and really long and stacked. I'd like them to be side by side and short as one usually sees. I couldn't see a way to adjust that. Is it possible?

  • Mike_G JotForm Support
    Replied on September 23, 2016 at 11:51 PM

    Please try adding the CSS codes below to your form:

    li#id_23 .form-address-table tr:nth-child(4) td {

        display: inline-flex;

        width: 100% !important;

    }

    li#id_23 .form-address-table tr:nth-child(4) span:nth-child(1) select {

        width: 90%;

    }

    li#id_23 .form-address-table tr:nth-child(4) span:nth-child(2) select {

        width: 60% !important;

    }

    The instruction on how you can add custom CSS codes to your form is found in this guide: How-to-Inject-Custom-CSS-Codes

    If you need any further assistance, please feel free to contact us anytime. Thank you.

  • LegacySolarCoop
    Replied on September 25, 2016 at 2:17 PM

    Got it. Thanks!

  • Mike_G JotForm Support
    Replied on September 25, 2016 at 4:23 PM

    You're most welcome. Please feel free to contact us anytime should you have any further questions or concerns. Thank you.