Support » Plugin: Ninja Forms - The Easy and Powerful Forms Builder » way to straighten out alignment?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Kevin Stover



    You would need to write a little bit of custom CSS to accomplish this. You can put it in your there’s CSS file, but I’d recommend making a custom plugin to include it. That way you could easily disable and enable it. This would also mean that theme upgrades wouldn’t cause you to lose the custom CSS code.

    im trying different css rules, the typing field seems to be based directly on the location of the text. so if the text is all aligned right sharing the same right-side margin, then the typing fields should all line up, to share a left-side margin. right?

    i cant seem to get the css rules right though.

    Plugin Author James Laws


    Add this to you CSS.

    .text-wrap label,
    .textarea-wrap label  {
      display: block;
       float: left;
      width: 200px;

    Is that what you are looking for?

    Web Studio West


    Wow! Aligning the fields really makes a good looking form. Can the Ninjas maybe make this an option on future releases?

    Here’s my form in case you want to take a look. Hopefully the client hasn’t screwed it up!



    Hey James, thanks so much for the CSS above – works perfectly for text fields. Is there any way to get the same effect for drop-down/radio button fields as well?

    Thanks! 🙂

    Hi, I have just added this code snippet into my style.css file but nothing happens. Is it because I have no textarea, if so how to add for textboxs? I am a complete beginner of coding


    Plugin Author James Laws


    We try to assist everyone who asks for support but as we’ve stated in this sticky thread, we don’t offer support on these forums. This is to help us provide support more efficiently by keeping it all in one channel.

    If you would like support from the developers you can follow the support link it provides and we’d be happy to assist you.

    If you are happy waiting here to see if someone else can assist you you are welcome to do that as well.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘way to straighten out alignment?’ is closed to new replies.