Custom Styling Question

We recommend putting any custom css rules in your theme stylesheet or theme's custom.css file if it has one. If you put it in the default forms.css file in the plugin folder, it will be overwritten when you auto update and you'll be pretty unhappy.

Yes, every form has a unique ID so you can target fields based on inheritance from that ID. for example:

#gform_wrapper_1 input[type=text} {background-color:#f00; color:#fff}

the "_1" would be your form ID.

You can refer to this visual guide to get a better idea of how the forms are structured and how the classes and ID's are applied.

http://www.gravityhelp.com/documentation/visual-css-guide/

Sure. Just let us know if you need anything else.

If you want left aligned labels instead of top aligned labels then you can do this by changing a form setting. Edit your form to access the form builder, hover over the Form Title area and click the Edit to open up the form settings. One of the options is label placement. You can choose top or left aligned labels.

This should fine for changing the label position. CSS isn't required for this.

One thing to note is some WooThemes have hardcoded CSS to force the label position. So if you are using a WooTheme and the label placement option isn't working, this is why.

It's hard to tell what CSS is correct without being able to see the form on your site and inspecting the HTML.

You've constrained the height on your #gform_wrapper_1 to 375px and it already has an "overflow:hidden" applied to the class. That means when the validation error shows, the bottom part of the form is pushed below the visible area. You can try this instead.

#gform_wrapper_1 {
  background-color:#F1EEEE;
  border:3px solid #FFFFFF;
  min-height:375px;
  padding-top:2px;
  overflow:visible
}

You can change the validation message by adding this filter to your theme's functions.php file.

<?php
// custom validation message for form id 1
add_filter("gform_validation_message_1", "change_message_1", 10, 2);
function change_message_1($message, $form){
  return "<div class=\"validation_error\">Oops. Something isn't right. Please make sure the values in the highlighted fields are correct & try submitting again.</div>";
}
?>

@gbotica This is a default error message. We can look at adding it as a form setting in the future, although it was originally designed to be a translatable string so it is part of the localization when the plugin is translated into other languages via PO files.