Webform field placement

By default, each field in a form will go the full-width of the page. If you want certain fields to be shorter and next to each other (rather than above/below), do this:

  1. Log in 
  2. Navigate to the view of form components by going to Find Content and selecting the Web Forms tab at top.
  3. Next to the web form you wish to edit, click on Components (You will be on the correct page automatically if you just created a new webform.)
  4. Edit the component (field) you wish to shorten
  5. In the Wrapper CSS Class field, type "half."
  6. If you do this to two adjacent fields, they will appear in the same row.