Autocomplete Field: Change Font and Style of the list items

  • JobTracker
    Asked on July 1, 2025 at 9:13 PM
    Hi I need to change a font and font size in an ''Autocomplete Properties'' field and ''Number Properties'' field. I can see how to change the field label, but need assistance to change the font from the list that pops up when I start typing in the field.

    It is quite small and looks like Times Roman font.

    Screenshot attached.



    Jotform Thread 28557141 Screenshot
  • JobTracker
    Replied on July 1, 2025 at 9:14 PM

    Sorry only look at the lefthand screen in my screenshot

  • Raymond JotForm Support
    Replied on July 1, 2025 at 10:35 PM

    Hi Andrew,

    Thanks for reaching out to Jotform Support. We can update the texts on the list below your Autocomplete field using a few CSS codes. Can you share with us your preferred font style? You may look for fonts on Google Fonts or share with us a direct link to your preferred font.

    Once we hear back from you, we'll be able to help you with this.

  • JobTracker
    Replied on July 2, 2025 at 4:21 PM

    Hi

    I cant see what size it currently is, but twice the font size, if possible and something plain like Arial

  • Sonnyfer JotForm Support
    Replied on July 2, 2025 at 6:44 PM

    Hi Andrew,

    You can indeed easily change the Autocomplete List's font style and size by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code and/or change the size and font to your liking:

    .form-autocomplete-list {
        font: 15px arial;
    }

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    Autocomplete Field: Change Font and Style of the list items Image 1 Screenshot 30

    That's it. Here's what it looks like afterward:

    Autocomplete Field: Change Font and Style of the list items Image 2 Screenshot 41

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

  • JobTracker
    Replied on July 2, 2025 at 10:40 PM

    You lot are too good, that works

    Thanks