Support » Plugins and Hacks » [Resolved] Form Spacing and layout issues

[Resolved] Form Spacing and layout issues

  • My forms I had already created in your previous version now look really odd with the conversion to your latest version. There is no spacing between the lines and as one is on my “contact page” it may lose me business as a result.

    How do i change this?

    Or how do i revert back to your old version?

    Thanks for your help?



Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author James Laws


    We removed a lot of boat in the CSS in favor of themes properly styling their own form elements. In rare cases, where themes don’t give enough attention to styling all html elements the forms can look less stellar.

    If you had custom styled your forms some of the class names have changed and will need to be adjusted in your CSS file.

    This was all explained the upgrade notice section explaining what was in the upgrade.

    We are also working on en extension that will give users full control over their layout and styling of forms in their WordPress dashboard which will help people who aren’t comfortable with CSS or would just like a way to do it faster.

    Thank you James – I have no idea how to change CSS as my theme was created for me by a developer.

    When will the extension for us not so techie people likely be rolled out?

    I appreciate your help.


    Plugin Author James Laws


    We are hoping for early next week but if the changes you need are simple enough and you post a link I can tell you what to add to get it presentable until then. 🙂

    The three pages I have that use the forms are below (so you can see what is happening with the forms):

    Contact us



    Thanks again for your help and time.


    Plugin Author James Laws


    So are you just wanting space between each field?

    Plugin Author James Laws


    Is that’s actually the case then you could just add this code to your style.css file.

    .ninja-forms-form-wrap .field-wrap,
    #ninja_forms_required_items {
      margin: 10px 0;
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] Form Spacing and layout issues’ is closed to new replies.