How to Add Multiple Fields in Single Row?

If you are using the latest public release of Gravity Forms (v1.4.5) then you would have to write the CSS yourself to float fields side by side. Gravity Forms doesn't do this by default. You would have to write some custom CSS and add it to your themes stylesheet to target and float the fields you want to style. If you search the forum there are numerous posts on this subject providing guidance and code snippets.

Gravity Forms v1.5, which is available as a development release on the Downloads page, introduces a feature called Ready Classes which make it easier to implement multi-column forms using helper classes. These are pre-built CSS classes that help you style your form. They work with most themes, however as with all CSS we can't guarantee you won't have to make some tweaks depending on the CSS your theme is outputting.

You can read more about Ready Classes here:

http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/

You must be using the development release of Gravity Forms v1.5 in order to use these.

@set17 as I said above, the Ready Classes that help users style forms this way are only available in Gravity Forms v1.5 which is a development release, it's not the public release which is what you download when you purchase. The public release is v1.4.5.

It's a development release which users must opt to download and install themselves from the Downloads page. It's still considered a test release, not a final release. It is, however, stable so you can use it. If you install v1.5 and then look at the post I referenced above regarding Ready Classes that can get you started.

You can download Gravity Forms v1.5 from the Downloads page here on this site.

If your CSS knowledge is limited there is only so much assistance we will be able to provide as implementing custom complex form field layouts does require CSS knowledge in order to implement. Hopefully the Ready Classes are sufficient for your needs, they do provide a lot of functionality.

If it's working properly in the preview and not in the theme, that indicates it's a theme-related style issue and not the plugin.

Your theme is adding left padding to the list elements and it's throwing the widths off - that's why the right content is floating incorrectly.

If you disable the padding property on line 2 of this file, you'll see it works properly.

http://medianegotiator.net/wp-content/themes/prose/css/minified.css

screenshot: http://grab.by/8TT7

You can try adding this to your theme stylesheet to override it.

body .gform_wrapper .gform_body .gform_fields .gfield {padding-left:0!important}

@melfelk - you don't have to put the semicolon at the end of the CSS rule.. only if there are other properties defined after it.

@seth17 - thanks for the note. As Carl said, it's hard to keep up with what all the themes do or don't do. The important part is that you put the rules in some file that gets included in the page so it can render properly. Usually the style.css file is a good choice but many of the advanced themes have a custom.css file that you use for custom styles.

If you're unsure of the preferred place to put the custom styles, your best bet is to contact your theme provider for guidance.

Let us know if you need anything else.

To insert a form into a page or post you use the shortcode or the shortcode wizard.

See this documentation:

http://www.gravityhelp.com/documentation/embedding-a-form/

If you have problems using the shortcode wizard, if it won't insert the shortcode after clicking "Insert Form" then clear your browser cache, restart your browser and try again. This sometimes doesn't work because of a browser cache not loading new javascript the first time you try using it.