Ninja Forms
[resolved] way to straighten out alignment? (8 posts)

  1. theregoesjb
    Posted 3 years ago #


    The form is great however it has a left alignment, making all the fields positioned differently. It would be nice if I could change it to a right alignment, i think it would look neater.

    Thanks for any help!


  2. Kevin Stover
    The WP Ninjas
    Plugin Author

    Posted 3 years ago #


    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.

  3. theregoesjb
    Posted 3 years ago #

    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.

  4. James Laws
    The WP Ninjas
    Plugin Author

    Posted 3 years ago #

    Add this to you CSS.

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

    Is that what you are looking for?

  5. Web Studio West
    Posted 2 years ago #

    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!


  6. Helen
    Posted 2 years ago #

    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! :)

  7. squathub
    Posted 2 years ago #

    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


  8. James Laws
    The WP Ninjas
    Plugin Author

    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Ninja Forms
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.