How do I make the fields larger?

This documentation page is for Quform version 1 and may not be applicable for Quform 2 click here to visit the documentation for Quform 2.

For a single field

Single Line Text

Go to Single Line Text → Settings → Advanced and add a CSS style for Text input, enter a CSS width into the box. E.g.

1
width: 250px;
width: 250px;

Paragraph Text

Go to Paragraph Text → Settings → Advanced and add a CSS style for Textarea input, enter a CSS width and/or height into the box. E.g.

1
2
width: 250px;
height: 100px;
width: 250px;
height: 100px;

For all fields of the same type in the form

Single Line Text

Go to Settings → Style → Global styling and add a CSS style for Text input elements, enter a CSS width into the box. E.g.

1
width: 250px;
width: 250px;

Paragraph Text

Go to Settings → Style → Global styling and add a CSS style for Paragraph Text elements, enter a CSS width and/or height into the box. E.g.

1
2
width: 250px;
height: 100px;
width: 250px;
height: 100px;
Be inspired. © 2018 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy