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

    How do I change the color for the labels in the Autocomplete Address Widget

    Asked by testtrust on March 07, 2016 at 11:50 AM

    Hi,

     

    How do I change the color of tittle-texts and the phrase "Enter your address here" on the field?

     

    I also need to add a small sample below the shape.

     

    https://widgets.jotform.com/widget/autocompleted_address

     

    Thanks.



    This is a re-post of a comment on Customize Your Form Using Custom CSS Codes

    JotForm and texts how autocomplete Address Widget CSS
  • Profile Image
    JotForm Support

    Answered by david on March 07, 2016 at 03:26 PM

    For the label, you can add this code to change the color:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-label.form-label-left {
        color : red;
    }

    That would be added with your forms CSS.

    To change the field colors, you would need to add this code to the widget CSS:

    #address th{
    color : blue;
    }

    Click on the widget, then click on the little magic wand icon to open the widgets settings.

    Here is the resulting widget with both added:

    https://form.jotform.com/60665777777981

    You can clone it to your own account if you would like to see the set up:

    http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL