Reduce whitespace below the autocomplete address widget

  • fraservalleyvirtual
    Asked on April 19, 2024 at 3:04 AM

    But how about the area below address - I'd like to reduce that too please.

    Reduce whitespace below the autocomplete address widget Image 1 Screenshot 20


  • Sonnyfer JotForm Support
    Replied on April 19, 2024 at 3:08 AM

    Hi fraservalleyvirtual,

    Thanks for reaching out to JotForm Support. I'm sorry you're having trouble with the line spacing of your questions. You can inject the below CSS Code.

    /* Reduce line space below the autocomplete address widget -#14045461 */
    iframe#customFieldFrame_104 {
      height: 135px ! important;
    }
    /* Code ends here */

    It's really easy to do, let me show you how:

    1. In Form Builder, click on the paint roller icon.A screenshot of Form Builder with an arrow pointing to the paint roller icon    to open Form Designer Screenshot 20 Screenshot 20
    2. Select the Styles tab.A screenshot of Form Builder with an arrow pointing to the Styles tab in the Form Designer pane Screenshot 31 Screenshot 31
    3. Scroll down through Inject Custom CSS and enter your CSS code.The Inject Custom CSS field in Jotform Form Builder Screenshot 42 Screenshot 42

    That's it. Here's what it should look like afterward:

    Reduce whitespace below the autocomplete address widget Image 1 Screenshot 53

    Here's also a cloned version of your form that you can test.

    Let us know if you need any more help.

 
Your Answer