Ninja Forms – Layout and Styles

This add-on for Ninja Forms is a visual form styler and layout builder. WordPress forms are single-column by default. Layout & Styles lets you group related fields side by side, all from the Ninja Forms builder, with no theme files to edit.

Drag a field beside another to create columns, then drag the borders to set exact widths, such as 70% for a name field and 30% for a phone field. Drag the bar on a row to move whole rows with all their columns and fields. Columns stack into a single column on smaller screens, with no media queries to write.

Every field has a Styles section split into Label, Element and Wrap. Pick colors from your theme's palette or type a hex value, set font size, width, padding and margin with sliders, and choose None, Solid, Dashed or Dotted borders. Styles run from the whole form down to default field styles, field type styles, error message styles and single fields. Switch on CSS mode for a field to write your own rules. DatePicker and MultiPart styles appear when those add-ons are installed.