Skip to content

Instantly share code, notes, and snippets.

@wpmonks

wpmonks/gravity_forms_input.css

Last active April 4, 2018 05:26
Show Gist options
  • Save wpmonks/31746caffed676c61e7987b0eaf7408d to your computer and use it in GitHub Desktop.
Save wpmonks/31746caffed676c61e7987b0eaf7408d to your computer and use it in GitHub Desktop.
Download ZIP
How to Style Gravity form Input Fields
Raw
gravity_forms_input.css
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield input[type=text] {
     border: 1px solid red;
     font-size: 12px;
     color: green;
     border-style: dashed;
     margin: 10px;
     padding: 10px;
}
@wpmonks
Copy link
Author

wpmonks commented Mar 2, 2017

Complete tutorial for styling Gravity forms input fields
https://wpmonks.com/blog/how-to-style-text-fields-of-gravity-forms/

or
Use Styles and Layouts plugin to do it without using CSS
https://wordpress.org/plugins/styles-and-layouts-for-gravity-forms/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment