How to adjust the size of input fields?

  • Anthea
    Asked on June 26, 2024 at 11:49 PM

    how can i change the size of the input field box with CSS code?

  • Raymond JotForm Support
    Replied on June 27, 2024 at 1:58 AM

    Hi Anthea,

    Thanks for reaching out to Jotform Support. Using CSS codes requires specific ID to be selected. If you can share with us the form to your link and which input fields you're referring to, we can help you with a solution.

    In the meantime, consider using the Advance Designer. Let me show you how to do that:

    1. In Form Builder, click on the Paint Roller icon on the right, and click on the Advance Designer.
    2. In Advance Designer, click on the Input field, and increase the height and width on the right menu accordingly.
      How to adjust the size of input fields? Image 1 Screenshot 30
    3. Click the Save Changes button on the left side of the screen once complete and that's it.
      How to adjust the size of input fields? Image 2 Screenshot 41

    We also have a guide on How to Access the Advanced Designer that you can check out.

    Give it a try and let us know if you need any help.

 
Your Answer