bookmark_borderForm 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) – applies just to form ID #1

        body #gform_wrapper_1 .gform_body {border: 1px solid red}
        

Field List

Container

unordered list used to structure all of the form elements

  • example: the form list container (ul) – applies to all forms
        body .gform_wrapper .gform_body .gform_fields {border: 1px solid red}
        

  • example: the form list container (ul) – applies just to form ID #1

        body #gform_wrapper_1 .gform_body .gform_fields {border: 1px solid red}
        

List Items

Individual list items containing each form element

  • example: the form list item (li) – applies to all forms
        body .gform_wrapper .gform_body .gform_fields .gfield {border: 1px solid red}
        

  • example: the form list item (li) – applies just to form ID #1

        body #gform_wrapper_1 .gform_body .gform_fields .gfield {border: 1px solid red}
        

Field Inputs

Input Container

Wraps the actual form element inside the containing list item

  • example: input field container (div) – applies to all forms
        body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {border: 1px solid red}
        

  • example: input field container (div) – applies just to form ID #1

        body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container {border: 1px solid red}
        

  • example: input field container (div) – applies just to specific form field (based on the unique parent element ID – replace “XX_X” with your actual element ID)

        body .gform_wrapper .gform_body .gform_fields  #field_XX_X.gfield .ginput_container {border: 1px solid red}
        

Description Container

Contains the field description inside the containing list item

  • example: input field description container (div) – applies to all forms
        body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {border: 1px solid red}
        

  • example: input field description container (div) – applies just to form ID #1

        body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_description {border: 1px solid red}
        

  • example: input field description container (div) – applies just to specific field description (based on the unique parent element ID – replace “XX_X” with your actual element ID)

        body .gform_wrapper .gform_body .gform_fields  #field_XX_X.gfield .gfield_description {border: 1px solid red}
        

Required Field Indicator (Asterisk)

  • example: required field indicator (span) – applies to all forms

        body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {color: red}
        

  • example: required field indicator (span) – applies just to form ID #1

        body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label .gfield_required {color: red}
        

  • example: required field indicator (span) – applies just to specific indicator (based on the unique parent element ID – replace “XX_X” with your actual element ID)

        body .gform_wrapper .gform_body .gform_fields  #field_XX_X.gfield .gfield_label .gfield_required {color: red}