Credit Card Field
Container example: credit card field container (div) – applies to all forms body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_creditcard {border: 1px solid red;} example: credit...
View ArticleForm Wrapper
Contains the entire Gravity Form example: the main form wrapper (div) – applies to all forms body .gform_wrapper { border: 1px solid red } example: the main form wrapper (div) – applies just to form ID...
View ArticleForm Heading
Container Contains the form title and description example: the form heading section (div) – applies to all forms body .gform_wrapper .gform_heading { border: 1px solid red } example: the form heading...
View ArticleForm Body
Container Contains the main form content example: the form body section (div) – applies to all forms body .gform_wrapper .gform_body {border: 1px solid red} example: the form body section (div) –...
View ArticleForm Footer
Container Contains the submit button and admin edit link example: the form footer section (div) – applies to all forms body .gform_wrapper .gform_footer {border: 1px solid red} example: the form footer...
View ArticleForm Confirmation
Inline Confirmation Message Displays on same page upon successful completion of the form example: inline confirmation message (div) – applies to all forms body #gforms_confirmation_message {border: 1px...
View ArticleValidation Errors
Validation – Error Container Individual list items containing inputs with invalid values example: validation – error container (li) – applies to all forms body .gform_wrapper .gform_body .gform_fields...
View ArticleMulti-Page Forms
Progress Bar Container example: multi-page form progress bar container (div) – applies to all forms body .gform_wrapper .gf_progressbar_wrapper {border: 1px solid red} example: multi-page form progress...
View ArticleSubmit Button CSS Selectors
Here’s how to apply styles to Gravity Forms submit buttons. You can utilize these selectors to apply any additional styling that you may need. Basic Targeting Submit Button example: the form submit...
View ArticleSave and Continue Link
Container The Save and Continue link is contained within the form footer. Additional Info For more information on the Save and Continue functionality, refer to the Save and Continue user guide article....
View ArticleProduct Field
Container example: product field container (div) – applies to all forms body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_singleproduct {border: 1px solid red;} example: product...
View ArticleQuantity Field
Container example: quantity field container (div) – applies to all forms body .gform_wrapper .gform_body .gform_fields .gfield_price .ginput_container_number {border: 1px solid red;} example: quantity...
View ArticleOption Field
Container example: option field container (div) – applies to all forms body .gform_wrapper .gform_body .gform_fields .gfield_price .ginput_container_select {border: 1px solid red;} example: option...
View ArticleShipping Field
Container example: shipping field container (div) – applies to all forms body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_singleshipping {border: 1px solid red;} example:...
View ArticleTotal Field
Container example: total field container (div) – applies to all forms body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_total {border: 1px solid red;} example: total field...
View ArticleCAPTCHA Field CSS Selectors
reCAPTCHA Container Third party markup inserted dynamically – contains the ReCaptcha form fields example: ReCaptcha container (div) – applies to all forms body .gform_wrapper .gform_body .gform_fields...
View ArticleSection Break CSS Selectors
Container Wraps the section break elements inside the containing list item example: section break container (li) – applies to all forms body .gform_wrapper .gform_body .gform_fields .gsection {border:...
View ArticleTime Field CSS Selectors
Hours Container Contains the hours input field and sub-label example: time – hours container (div) – applies to all forms body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_hour...
View ArticleDate Field CSS Selectors
Date Picker Input Type Input Field example: date – input field (input) – applies to all forms body .gform_wrapper .gform_body .gform_fields .gfield .datepicker {border: 1px solid red} example: date –...
View ArticleCheckboxes Field CSS Selectors
List Unordered list used to structure all of the individual list choices example: standard checkbox list (ul) – applies to all forms body .gform_wrapper .gform_body .gform_fields .gfield...
View Article