Radio 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 Article