How to increase the size input fields and table?

I think this CSS stuff is the most complicated and least intuitive, but yet I can't find anything that helps with how to use it? Specifically for changing the size of input fields and table sizes.

Hi Serene,

Thanks for reaching out to Jotform Support. You can easily increase the size of the Input fields by Injecting CSS Codes into your form. Let me walk you through it:

1. First, copy this code:

.form-line, .form-line div.form-input-wide{

  width: 100%;

}

.form-line input {

  height: 300px;

}

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.

However, some fields do need a custom selector to increase their size, only general fields will be affected by the CSS that I provided, if you need more help you can send the link of your form and tell us what fields you need to do.

Meanwhile, you can easily adjust the size of the Table without any CSS. It is very easy to do. Let me show you how:  

1. In Form Builder, select the Table and click the Gear icon.

2. Under the Options tab, adjust the Table and Column Width

That's it and you're done.

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