Hi @vi54
I hope you’re well today!
Form by default should/would take all width of it’s parent/wrapper element. I’m not sure about that “portion only” in this case but usually it means that the block (that form is put into) is of that particular width.
But in general:
1. You can either control form size by settings it’s paddings and/or margins in the “Appearance” settings of the form (though that would mean that if you set bigger margins/paddings – there’ll be “empty space” around the form)
2. Or by actually controlling width (e.g. with CSS) of the wrapper block (e.g. div inside which the form is added; if you are using some kind of page builder that would usually be the simplest way as in most cases you can set the width of such element there)
3. or you can enable “Custom CSS” in form’s “Appearance” settings and set form width with custom CSS similar to this:
{width:900px;}
Note:
– you don’t need any CSS selector in this case; it should be just that rule (though you would adjust width to your needs)
https://app.screencast.com/2MHbh6OetK81T
– and if you set width to be wider than the parent/wrapper element – it depends on that element’s CSS if it will allow form to get wider or not
If you need more assistance with it, we’d need to look at the form itself on the page where it happens so you’d need to share a link to the page with the form.
Kind regards,
Adam
