Looking for an easy way to adjust form styles? Want to drag and drop fields to create form columns? Make adjustments to your form layout without adjusting the code. Ninja Forms Layout and Styles is a form layout plugin that allows you to make easy edits to your form’s style and layout right from your form builder!
Changing the layout or styling of a WordPress form usually requires manually editing files with CSS. That can be a time-consuming process, even if you’re technically savvy. If you’re not, it can be an intimidating and frustrating experience. And hiring a designer to do it for you can get expensive fast. But you don’t have to bother with any of that!
With Ninja Forms Layout and Styles, you can very easily:
- Drag and drop to make a two-column form (or multi-column!)
- Group fields together
- Adjust field styling and size right from the field’s settings
- Easily edit the forms’ background, borders, and more
- Edit global form styling (for all forms)
Drag and drop fields to create form columns and rows!
Adjusting form layout is as easy as dragging and dropping fields where you want them, giving you complete control over the structure of your form. Drag any two fields side by side to make a two-column form, three-column form, or more!
Even move entire rows if you change your mind about where something should go!
Resizing columns and fields is as easy as clicking and dragging your mouse!
No coding experience is required to use our WP forms Layout and Styles add-on. You can build beautiful form design layouts in no time at all. All you need is your mouse or trackpad, making form customization quick, easy, and accessible to everyone!
Adjust field and form styles with easy-to-use settings!
With Layout and Styles, you can adjust nearly every aspect of your form’s appearance right from the form builder.
Global form styling options can be used to adjust forms across your site, ensuring a consistent, professional look that matches your brand. Need a unique style for a specific WP form? Individual forms can be adjusted right from the builder, allowing for customization on a case-by-case basis.
Any field can be styled individually right from that field’s settings, so you can fine-tune the appearance of specific fields without affecting the rest of your form.
For any form or field, you can:
- Change the background of a form using a built-in color picker tool
- Adjust form border size and color
- Adjust field border size and color
- Add more or less space between fields for better readability and organization. Proper spacing ensures your form remains clear and easy to navigate.
- Change text color for clear, legible content
- Make fields taller or shorter, wider or narrower
- Add custom styles to form elements, labels, and wrappers.
- Add styles to your form’s success and error messages
- Much, much more — our add-on provides limitless possibilities to create forms that look exactly how you want.
Ninja Forms Layout and Styles is easy mode for styling the perfect form.
Great form design doesn’t have to mean paying a form designer. It also doesn’t mean hours spent editing files with CSS rules.
Whether you’re a tech person or not, Layout and Styles is your answer for easy WordPress form styling. Purchase today!
You can purchase Layout and Styles by itself on this page or as part of any Ninja Forms membership plan.
Do I have to use code to style a form?
You don’t have to use code to style a form! Most features in Layout & Styles let you simply drag and drop things into place, or sometimes enter values into settings. Only advanced settings require any CSS knowledge.
Will my contact forms be mobile friendly with Layout and Styles?
Your contact forms will be mobile friendly with Layout & Styles as long as your theme has proper rules in place to handle responsive scaling, like reducing the number of columns on smaller screen resolutions.
What type of support is available to Ninja Forms customers?
We have a dedicated support team standing by to help with anything you may need. We’re available 9am-4pm EST, Mon-Fri, and strive to answer all customer requests within 24 hours.
How do Ninja Forms licenses work?
Licenses are subscription based and will auto-renew each year unless cancelled. If cancelled, you may still use your extensions but will no longer receive important updates or support once the license expires.
Can I get a demo or trial of Ninja Forms add-ons before I buy?
We don’t have a demo or trial version of our add-ons, but we do offer a 14 day full refund policy for any reason whatsoever.
Changelog
3.0.30 (11 June 2024)
Fixes:
- Fatal error re-triggering email when PDF is active
- PHP Deprecated: Implicit conversion from float 11.5 to int loses precision
3.0.29 (15 February 2021)
Bugs:
- Resolved an issue that caused fields being dragged into a repeatable fieldset to visually duplicate in the form builder.
3.0.28 (9 October 2019)
Bugs:
- Styles should now be honored on all forms when there are multiple copies of the same form on a page.
Changes:
- Added support for styling file upload fields.
3.0.27 (12 June 2019)
Changes:
- Cleaned up a few older scripts that were slowing things down in the form builder. Drag and drop should now be more performant.
3.0.26 (4 April 2019)
Bugs:
- Resolved an issue that was flooding error logs with warnings in php 7.3.
3.0.25 (19 September 2017)
Bugs:
- Fixed a bug with Required Fields not being properly validated on submission.
3.0.24 (15 September 2017)
Changes:
- Reverts unnecessary changes, where the compatibility issue with Multi-Part is solved in Multi-Part.
3.0.23 (14 September 2017)
Changes:
- Re-release with missing files.
3.0.22 (13 September 2017)
Bugs:
- Fixed a bug with PHP Warning messages in the generated CSS output.
- Fixed a bug with field duplication.
3.0.21 (02 August 2017)
Bugs:
- Fixed a bug that caused calculations to fail when using Layout & Styles, Multi-Part Forms, and Conditional Logic.
3.0.20 (21 June 2017)
Changes:
- Added a button to \”remove all styles\” from the plugin-wide styling section.
3.0.19 (02 May 2017)
Changes:
- Added Multi-Part Forms plugin styles if the Multi-Part Forms add-on is active.
3.0.18 (11 April 2017)
Bugs:
- Forms should now import with proper field orders in all installations.
3.0.17 (17 March 2017)
Bugs:
- Completed a deep-dive of all plugin-wide styling settings. They should all work properly now.
3.0.16 (07 March 2017)
Bugs:
- Fixed a bug that could cause the builder to crash without warning in some instances.
3.0.15 (02 Februrary 2017)
Bugs:
- Fixed a PHP warning about unset variables.
3.0.14 (26 January 2017)
Changes:
- Added a filter for Ninja Forms version 3.0.25 that allows Layout & Styles to correctly order fields in submissions.
3.0.13 (19 January 2017)
Bugs:
- Saved fields can now be properly dragged onto rows and dividers.
3.0.12 (21 November 2016)
Bugs:
- Field styles should apply properly on the front-end in all cases.
3.0.11 (26 October 2016)
Bugs:
- Fixed a bug that was introduced in version 3.0.10 that caused rows with empty columns to be removed.
- Sometimes column widths were totalling over 100%. This caused fields to wrap around to a new row.
3.0.10 (17 October 2016)
Bugs:
- Corrupt data should no longer cause Layouts to crash the builder with an \”undefined ParentNode\” error.
3.0.9 (12 October 2016)
Changes:
- Added better error handling for missing field types. This should prevent some JS errors from being thrown on display.
3.0.8 (28 September 2016)
Bugs:
- Fixed a bug that caused field order to randomise when sorting fields between cells and rows.
- Fixed a bug with template imports that caused templates to fail.
- Added version number to script inclusion to help prevent caching issues.
- Fixed a bug with hover styles not being applied to submit buttons.
3.0.7 (26 September 2016)
Bugs:
- Fixed a bug with conversion from the RC of Ninja Forms.
3.0.6 (11 September 2016)
Bugs:
- Fixed a bug with conversion and invalid form layouts.