Paragraph Text Field CSS Selectors
Note: These selectors apply only to forms using the Orbital theme. If you are using the Gravity Forms 2.5 theme, see the Legacy CSS Selectors documentation. The Paragraph Text field (internally...
View ArticleImage Choice Field CSS Selectors
Note: These selectors apply only to forms using the Orbital theme. If you are using the Gravity Forms 2.5 theme, see the Legacy CSS Selectors documentation. The Image Choice field displays images as...
View ArticleMultiple Choice Field CSS Selectors
Note: These selectors apply only to forms using the Orbital theme. If you are using the Gravity Forms 2.5 theme, see the Legacy CSS Selectors documentation. The Multiple Choice field combines the...
View ArticleSection Break CSS Selectors
Note: These selectors apply only to forms using the Orbital theme. If you are using the Gravity Forms 2.5 theme, see the Legacy CSS Selectors documentation. The Section Break field adds a content...
View ArticleTotal Field CSS Selectors
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 ArticleShipping Field CSS Selectors
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 ArticleOption Field CSS Selectors
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 ArticleQuantity Field CSS Selectors
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 ArticleProduct Field CSS Selectors
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 ArticleCredit Card Field CSS Selectors
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 ArticleSave and Continue Link CSS Selectors
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...
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 ArticleMulti-Page Forms CSS Selectors
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...
View ArticleValidation Errors CSS Selectors
Validation Error Message Main validation error message shown at the top of the form. example: validation error message (div) – applies to all forms body .gform_wrapper .validation_error {border: 1px...
View ArticleConsent Field CSS Selectors
Container example: consent field container – applies to all forms body .gform_body .gform_fields .ginput_container.ginput_container_consent {border: 1px solid red} example: consent field container –...
View ArticleDrop Down Field CSS Selectors
If you’ve enabled the Enhanced UI option, you will need to target “.chosen-container” CSS class rather than “.ginput_container_select” in the selectors below. Container example: standard drop-down...
View ArticleSingle Line Text Field CSS Selectors
Container example: single line text field container (div) – applies to all forms body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text {border: 1px solid red} example: single...
View ArticleParagraph Text Field CSS Selectors
example: standard paragraph field (textarea) – applies to all forms body .gform_wrapper .gform_body .gform_fields .gfield textarea {border: 1px solid red} example: standard paragraph field (textarea)...
View ArticleRadio Buttons Field CSS Selectors
List Unordered list used to structure all of the individual list choices example: standard multiple-choice list (ul) – applies to all forms body .gform_wrapper .gform_body .gform_fields .gfield...
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