Reduce field size

  • 416soclean
    Asked on June 8, 2020 at 12:28 AM

    Hello there, I have a number of drop down fields in my form and they hold a list with just one numeric character. Is there a way for me to customize those drop don fields using CSS and reduce the size or is there another way to do it? Just finds that it is taking up more space than I need on the page.


    Thanks



  • Kenneth JotForm Support
    Replied on June 8, 2020 at 6:00 AM

    Thank you for reaching support,

    Allow me to have some time while I'm making customizations on the form.

    I will be back with you shortly.

    Thank you.

  • Kenneth JotForm Support
    Replied on June 8, 2020 at 6:23 AM

    Hi there,

    Here is how my customizations look like:

    1591611604416 SO CLEAN Online Quote (Est Screenshot 10

    If that is acceptable, feel free to paste these codes into your Inject Custom CSS Area:

    select#input_4 {

        width: 20% !important;

    }

    select#input_6 {

        width: 20% !important;

    }

    select#input_5 {

        width: 50% !important;

    }

    select#input_18 {

        width: 15% !important;

    }

    select#input_129 {

        width: 20% !important;

    }

    select#input_106 {

        width: 30% !important;

    }

    select#input_104 {

        width: 30% !important;

    }

    select#input_118 {

        width: 30% !important;

    }

    Let us know if you need further assistance.

    Best.