How to edit field width in a form?

I’ve embedded a form in a web page and I’d like to change the field width (and possibly height). How do I do this?
The field is just below the hero image on http://growthworkssolutions.com - you can see it’s a little too short.

Thanks!

Hey @growthworks,

Its been a while so my CSS is a bit rusty, but this should point you in the right direction. Use the inspector in the style tab of the form builder, to select the field element.

From there, you can apply whatever additional styling you would like, for example setting a width: 400px !important;[1] on an element like I did in the video below.

Here is a great CSS reference - http://www.w3schools.com/css/default.asp

That should be a good place to get started!

[1] This is a bit of bad practice, you probably shouldn’t be using !important if you can help it, or hard-coding widths without responsive design considerations.

1 Like

THANK YOU! It worked. Looks so much better. :slight_smile:

1 Like