Section Break CSS Selectors

Container

Wraps the section break elements inside the containing list item

  • example: section break container (li) – applies to all forms
1
body .gform_wrapper .gform_body .gform_fields .gsection {border: 1px solid red}
  • example: section break container (li) – applies just to form ID #1

    • 1
    body #gform_wrapper_1 .gform_body .gform_fields .gsection {border: 1px solid red}
  • example: section break container (li) – applies just to specific section break container (based on the unique parent element ID – replace “XX_X” with your actual element ID)

    • 1
    body .gform_wrapper .gform_body .gform_fields  #field_XX_X.gsection {border: 1px solid red}

    Title

    • example: section break title (h2) – applies to all forms

    1
    body .gform_wrapper .gform_body .gform_fields .gsection .gsection_title {color: red}
  • example: section break container (li) – applies just to form ID #1

    • 1
    body #gform_wrapper_1 .gform_body .gform_fields .gsection .gsection_title {color: red}
  • example: section break container (li) – applies just to specific section break title (based on the unique parent element ID – replace “XX_X” with your actual element ID)

    • 1
    body .gform_wrapper .gform_body .gform_fields  #field_XX_X.gsection .gsection_title {color: red}

    Description

    • example: section break description (div) – applies to all forms

    1
    body .gform_wrapper .gform_body .gform_fields .gsection .gsection_description {border: 1px solid red}
  • example: section break description (li) – applies just to form ID #1

    • 1
    body #gform_wrapper_1 .gform_body .gform_fields .gsection .gsection_description {border: 1px solid red}
  • example: section break description (li) – applies just to specific section break description (based on the unique parent element ID – replace “XX_X” with your actual element ID)

    • 1
    body .gform_wrapper .gform_body .gform_fields  #field_XX_X.gsection .gsection_description {border: 1px solid red}