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 for Address Quick Field

    Asked by dbizzle on August 14, 2016 at 05:01 PM

    Our customers are global, so I have added the "Country Code" widget to our form so their phone numbers get formatted properly.   There is a place to input CSS info for the widget.  I need to know what the CSS code is for the Address widget so I can make the form fields match on the form.

    Page URL:
    https://form.jotformeu.com/62236989086369

  • Profile Image
    JotForm Support

    Answered by BDAVID on August 14, 2016 at 05:23 PM

    Please inject the following CSS code inside the widgets CSS area:

     #countries_phone1, #countries_phone2{

        background-color: #bdb7b7 !important;

        color: black !important;

    }

    Result:

    Let us know if you need more help.

  • Profile Image

    Answered by dbizzle on August 14, 2016 at 05:38 PM

    That looks better.  Any idea how to make them same height?  (If I attempted to change "height" in the widget properties, it only makes the bottom field.  Can I adjust height size in CSS for both fields so they match the rest of form?

  • Profile Image
    JotForm Support

    Answered by BDAVID on August 14, 2016 at 06:09 PM

    Add the following code:

    #countries_phone1 {

        height: 20px !important;

        padding-bottom: 2px !important;

        padding-top: 2px !important;

    }

    #countries_phone2{

        height: 23.77px !important;

     

    }

    Let us know if you need more help.