FAQ – Styling & Formatting - Gravity Forms Support. CSS Targeting Samples - GravityForms. Below are a few basic usage examples for targeting each element, one that would be generic for all forms and then one (or two) that would be specific to a unique form ID. If you’re styling a specific form, you would simply view your source, find the form ID and replace the ID in my examples with your own. You’ll note that these examples are more specific (ie: longer) than what you might need to accomplish the styling, but better CSS specificity makes overriding inherited theme styles much easier. Form Wrapper contains the entire Gravity Form example: the main form wrapper (div) – applies to all forms example: the main form wrapper (div) – applies just to form ID Form Heading contains the form title and description example: the form heading section (div) – applies to all forms example: the form heading section (div) – applies just to form ID #1 Form Title example: the form title (h3) – applies to all forms example: the form title (h3) – applies just to form ID #1 Form Description Form Body Form Body.
CSS Ready Classes - GravityForms. In Gravity Forms 1.5 we added "Ready Classes". Using these new classes, you can easily create more advanced alternative layouts for the fields in your forms. Essentially, Ready Classes are class names that you can add to the parent element surrounding each field to take advantage of pre-defined styles included in the default form stylesheet.
How to Use Ready Classes To add a Ready Class to a field, just edit your form in the Form Builder and then select the field you want to add the classes to. Under the "Appearance" tab, you'll see an input called "CSS class name". Add the Ready Class name or names you want to add to the field here and then save the form.
Please note that this feature does NOT update live in the Form Builder. The Ready Class Names Here are the Ready Classes that are built in the Gravity Forms default stylesheet that you can use right away without having to write any of your own CSS. Halves (2 Columns) Thirds (3 Columns) Inline (Fluid One Line) List Classes Other Classes. Gravity Forms + Custom Post Types. This plugin is an add-on for the amazing Gravity Forms Plugin. Check out my other free Add-ons for Gravity Forms Gravity forms allows you to create posts from a form using 'post fields'. By default the submitted form will create a post, but I wanted a way to save a custom post type instead. It can be done quite easily with some php code, but I wanted it to be easier without any code at all.
Now it is easy. Maybe too easy :) You can also link a custom taxomony to the field types : Drop Downs, Mulit Selects, Radio Buttons, Checkboxes and Single Line Text. Features How to map a form to a custom post type Add a post title field to your form and under the advanced tab, tick the "Save As Post Type" checkbox. How to link a field to a custom taxonomy Custom taxonomies can be linked to Drop Downs, Mulit Selects, Radio Buttons and Checkboxes. How to link the saved post to taxonomies using a single line text field How to set a parent post with the dropdown field. Gravity Forms Directory & Addons.
GravityView is landing soon. We're getting ready to release a totally re-written version of the Directory plugin! Sign up for email updates to learn when it's released. Turn Gravity Forms into a Directory plugin Gravity Forms is already the easiest form plugin...now, the Gravity Forms Directory & Addons plugin turns Gravity Forms into a great directory. Completely shortcode based, using the [directory] shortcodeIncludes built-in searchingAllow logged-in users to edit their directory listingsChoose to show entries to only the users who created themSort by columnEasily re-organize the columns inside Gravity FormsHas an option to show only approved listings with an easy approval processShow or hide any columnDisplay directory & entries as a table (default), list (<ul>), or definition list (<dl>)Directory features paginationDefine custom styles inside the shortcodeIncludes lightbox support for uploaded imagesOption to view single entries in their own page or in a lightbox.