Can I move fields into specific positions?

1. I want fields in specific places, for example, I want to put a phone number field on the same line as an email field. I think I can do this with CSS but I need some hand holding with the process.

You can do this pretty easily with the new CSS Ready Classes. They are only in the new 1.5 beta release and not in the current 1.4.5 version. You can download the beta version from the downloads page if you want and begin using those right away.

http://www.gravityhelp.com/documentation/css-ready-classes/

If you don't want to upgrade to the beta version right now, you can copy the ready class styles from the link below and add those to the end of your theme stylesheet. Then you can add the class names to your field as described in the documentation.

http://pastie.org/1443282

2. If you have a rule somewhere in the stylesheet, and you duplicate the same rule later on with different settings, is this acceptable? Or should you only change the original code?

Sure, that's fully acceptable. You can redefine a rule later in the stylesheet if you need. The browser reads the stylesheet from top to bottom so the rule at the end of the stylesheet will normally supersede the previous one. It's preferable to add any custom CSS rules to your theme stylesheet or wherever you add custom CSS. The default forms CSS gets replaced with each update so you never want to edit that file directly. If you do, your changes will be overwritten when you auto-update the plugin to a new version.

3. I have a Multiple Choice set on my form, but would like the list to be inline (horizontal) instead of the choices being stacked. Can I make this a one line (or even two line) display? Again, complete newbie so an idiot proof reply would be really useful.

Yes, you can do that.. again, refer to the lists section of the CSS Ready Class documentation on how to do it.

4. In the Advanced section of the fields there is an option to specify a CSS Class Name. Is this any name that I want, or does it have to be a name already in the CSS? Whichever, how do I do this?

The class name can be anything you want it to be.. either an existing class (such as the Ready Classes), or one you plan to define later. It's totally up to you.

Haha. I'm in Virginia Beach, Virginia US and yes, I have no life. No, really, I'm happy to help out. Let us know if we can do anything else for you.

The margins/padding on the ready classes are set in percentages so it shouldn't be a problem with the width. What you might look at is your theme adding padding to list items. If your form is inheriting those properties, it can effect the widths and cause the floated list items to "stack" incorrectly.

Without seeing it, that's my best guess. I've seen that scenario quite a few times.

http://www.gravityhelp.com/forums/topic/css-ready-classes-and-formatting#post-17368

Haha. My magical support powers fixed it for you. I do that sometimes.

I'm glad you got everything working. Thanks for the update.

@deukdesign

We don't want to restrict the CSS Class name field by using a select field to populate it. The whole point is that it's wide open for you to define any class name you want. We may add an additional option to select from the pre-defined classes though.

I know copying/pasting the predefined class names isn't as convenient as having a selection to pick from, but right now it's more flexible for everyone this way. Besides, we already did the hard work building all the nifty styles ;)