Ninja form styles classes

Styling fields in rows

Display > Custom Class Names section

  • first – This class should be used in the first field in a group of fields that will be displayed side by side.
  • second – This class should be used in the second field in a group of fields that will be displayed side by side.
  • one-half
  • one-third
  • two-thirds
  • one-fourth
  • two-fourths
  • three-fourths
  • one-sixth
  • two-sixths
  • three-sixths
  • four-sixths
  • five-sixths

List Item Columns

  • two-col-list
  • three-col-list
  • four-col-list
  • five-col-list
  • six-col-list