Autocompleted Address widget: How to Change Font Size of the Address Field

  • zahidvs14
    Asked on April 28, 2025 at 6:15 AM
    how to change font size of "enter your address?"Button Radios widget: How to Change the Background Color of the Options Image 1 Screenshot 20 Screenshot 10
  • John JotForm Support
    Replied on April 28, 2025 at 6:27 AM

    Hi Zahid,

    You can easily increase or decrease the font size of that field by Injecting CSS Codes into the Autocompleted Address widget. Let me walk you through it:

    1. First, copy the code below. You can decrease the size by using a lower px value, or increase it by using a higher px value instead.

    /*thread 26532791 - increase or decrease font size*/
    input#autocomplete {
        font-size: 16px;
    }
    /*ends here*/

    2. In Form Builder, click on the Autocompleted Address widget to select it.

    3. Next, click on the wand icon to open the widget's settings.

    Autocompleted Address widget: How to Change Font Size of the Address Field Image 1 Screenshot 30

    4. Click on the Custom CSS tab, then paste the code you just copied to the CSS code box.

    5. Click on Update at the bottom of the page, and you're done.

    Autocompleted Address widget: How to Change Font Size of the Address Field Image 2 Screenshot 41

    Give it a try and let us know how it goes.

  • zahidvs14
    Replied on April 28, 2025 at 7:13 AM

    filelds size should be same as above
  • John JotForm Support
    Replied on April 28, 2025 at 7:49 AM

    Hi Zahid,

    To avoid confusion, I’ve moved your other question to a new thread and will assist you with it shortly here.

    Thanks for your patience, we appreciate it.

Your Answer