What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    CSS to align drop-down fields properly?

    Asked by JKulp42757 on June 01, 2016 at 05:14 PM

    My form is here: https://form.jotform.com/61468149726970

    I am trying to make the three dropdown fields of "type of business", "years in business" and "gross monthly sales", the same width as the other fields.

    I used  the code: .form-textbox, .form-dropdown {

        max-width : 95% !important;

        width : 95% !important;

    }

    I thought this code would work, but unfortunately it did not. It worked on the other fields, but not the dropdowns.

    I would also like to resize the Google Captcha, as on some pages I have the form, it overflows the form, I'd like to also put it at 95%.

    Thanks!

     

  • Profile Image
    JotForm Support

    Answered by Nik_C on June 01, 2016 at 05:47 PM

    Please try to add this CSS to your Custom CSS field:

    #input_18 {

        width : 390px!important;

    }

    #input_19{

        width : 390px!important; 

    }

    #input_16{

        width : 390px!important; 

    }

    .form-dropdown {

    max-width: none !important;

    }

    That should maek all your fields line up and look like this:

    Hope it helps, let us know if you have further questions.

    Thank you!

  • Profile Image

    Answered by JKulp42757 on June 02, 2016 at 10:06 AM

    Great, thanks! 

     

    Is there a way to center it on the form, so all of the fields sit in the middle, instead of to the left as they are now?

  • Profile Image

    Answered by Huberson on June 02, 2016 at 11:35 AM

    You can center the fields by simply increasing the horizontal padding from Designer.