Controlling look of the forms

Sorry, I posted the wrong link. My apologies.

You will add the new styles you want to apply to the forms in your theme or child theme's stylesheet (normally style.css). Some themes want the custom CSS in another file. But the CSS is always added to your theme and with specific enough selectors to override the default theme and default Gravity Forms styles.

@kamin, this page details targeting each item in the Gravity Forms form output: http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

Some general tips:

• If you want to target all elements in a specific form, use this as the beginning of your selector:
  

  [css]
  body #gform_wrapper_ID
  /* where ID is a literal form ID, like this: */
  body #gform_wrapper_7
  /* that would apply to all elements in form 7 */

• If you want to apply a specific style to all Gravity Forms on your site, you can use this as the beginning of your selector:
  

  [css]
  body .gform_wrapper
  /* use with no form ID (_ID) and as a class, prepended by a . vs a # */

• If you view the source of the page where your form is embedded, you will see the unique ID for each field, or the more general class for that field.

Those are some basics. If you provide a link to a page on your site with a form, and one element you want to target specifically, we can show you how to do it for one form, or all forms.

To target a specific element in a form:

[css]
/* See this page:
gravity.chrishajer.com/country-of-origin/
this will target all radio button inputs
in form id 3 only (#gform_wrapper_3 */
body #gform_wrapper_3 ul.gfield_radio li input[type="radio"] {
    display:none;
}

/* this will target all radio buttons in all */
/* Gravity Forms */
body .gform_wrapper ul.gfield_radio li input[type="radio"] {
    display:none;
}

Does that give you enough to go on? If you view the source of the page where your form is embedded, you can see the class and ID details for the elements you want to target. And to make them form specific, you would use the ID for the form #gform_wrapper_77, for example, then follow with the specific elements you want to target. To apply the same style to all forms, use the class for a Gravity Form .gform_wrapper.