Layout and Styles

This extension gives you power over the look and feel of your Ninja Forms from within your WordPress admin. It gives you the ability to style almost every part of your form, down to the the smallest detail, with little to no CSS coding. However, if you do know CSS, or like to experiment, this extension is even more powerful.

When you place a form on your WordPress website, you want it to look great. We want that for you, although it’s actually far more challenging than you might think.

Your particular theme may have been designed by someone who takes great pride in making sure every possible HTML tag is designed perfectly. Or it may have been designed by someone who made these elements ugly or didn’t bother to style them at all.

Ninja Forms was designed with speed and flexibility in mind. We assume the best in your theme designer, and therefore we don’t add a lot of extra CSS that might override the designers original intent. We feel like that is the best solution: playing nice with themes. In those instances when your theme does not have the careful attention to these form elements, Ninja Forms can appear less then stellar. This isn’t necessarily Ninja Forms’, or any other form creation plugin’s, fault. We’ve looked at it as an opportunity.

Also check out the Layout & Styles Extension Documents & Videos.

Features:

  • Create 1 to 4 column form layouts with a drag-n-drop editor.
  • Easily add styles to form elements, labels, and wrappers.
  • Add default styles to elements, and/or specify styles by element type, form,  or form field.
  • Export and import styles.
  • Easily style standard form components: datepicker, success message, even and odd field rows, etc.
  • Add styles to your form’s error messages.
= 1.2 =

*Bugs:*

* Fixed a bug that prevented the new options from showing up.

*Changes:*

* Added rating-specific styles on a per-field basis.
* Added individual styling to rating fields.
* Converting Layout and Styles over to the new Ninja Forms loading class.
* Added per form title styling.

= 1.1.1 =

*Bugs:*

* Fixed a bug that prevented multi-part pages from being added on the Layout and Styles tab.
* Fixed some CSS specificity errors with textboxes and textareas.

*Changes:*

* Admin scripts should now load the min or dev versions based on the NINJA_FORMS_JS_DEBUG constant.
* Added display selector.
* Adjusted what\’s advanced and what\’s basic.
* Limitted some secectors from Default Field Styles.
* Moved styles to be output before form and not after

= 1.1 =

*Bugs:*

* Fixed a bug that could cause multi-part forms to behave incorrectly when styled.
* Adjusted a CSS selector that could cause styles from not applying properly.

= 1.0.9 =

*Bugs:*

* Fixed a fairly major bug with Layout & Styles and Multi-Part forms that could cause multi-columned pages to behave incorrectly.

= 1.0.8 =

*Changes:*

* Added additional styles for core such as an error selector fix, form title, button and hover. Also added styles for MP Page Titles, and pre / next hovers.

= 1.0.7 =

*Changes:*

* Changed the license and auto-update system to the one available in Ninja Forms 2.2.47.

= 1.0.6 =

*Bugs:*

* Fixed a bug that prevented previous and next button in multi-part forms to be styles.

*Changes:*

* improved i18n compatibility.

= 1.0.5 =

*Changes:*

* Changed references to wpninjas.com to the new ninjaforms.com.