Form 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}
      

The post Form Body appeared first on Gravity Forms Documentation.