Looks a mess

So here’s a question – did only try the default stylesheet with whatever theme you are currently using?

The plugin (and form styling) works out of the box – but there are going to be limitations to that depending on the theme you are using. In order to make the plugin as customizable as possible, the forms are completely CSS driven. The default stylesheet for the plugin is based on the WP Twenty Twelve theme.

There are a total of five stylesheets packaged with the plugin. Try another stylesheet and see if one of thse stylesheets fits better.

The plugin allows you to load a custom stylesheet for the plugin. Honestly, this is the preferred option as it allows you to completely integrate the plugin with your theme.

If you need to bend it further than that, there are filters for the form. That allows you to things beyond just styling.

See this section of the User Guide for info on customizing the forms:
https://rocketgeek.com/plugins/wp-members/users-guide/customizing-forms/

(Incidentally, take a look at the forms on that site while you’re there – it is running WP-Members.)

Thanks for replying, on a Sunday too!

No i’ve tried all the style sheets and it’s the same issue with them all. On the reg page the “first name” block is out of sync every time.

see here: https://i41.tinypic.com/23itf9g.jpg

I don’t know CSS so i’m going to have to try a different plugin i think, but thanks alot.

“The plugin allows you to load a custom stylesheet for the plugin. Honestly, this is the preferred option as it allows you to completely integrate the plugin with your theme.”

Is this just the stylesheet from my theme?

Yes and/or No. It’s a pretty broad thing because there are a lot of what-ifs.

The forms generated by the plugin do have their own IDs and Class specifications so you can style them separately. However, some elements may be styled by your theme’s stylesheet anyway if it has styled HTML form elements (which it probably does for at least the contact form).

You could deregister the one for the plugin, thus relying on what is in your theme. You could also add definitions in your theme’s style.css for specific elements of the plugin if you wanted to do it that way.

Personally, I like to keep things separate so they are easier to find. I load a custom stylesheet for the plugin but I keep it in my (child) theme folder.

If you want to know what you have specifically from just your theme alone, there is a free post on the plugin’s premium support site on how to load a custom stylesheet. The first part of that is deregistering the default. If you do just that part of it, no stylesheet will load for the plugin so you would see what you are working with. (see: https://rocketgeek.com/tips-and-tricks/load-a-custom-stylesheet/)

fpats, I know you said you don’t know CSS, but it is not difficult to learn. There is a website that offers a free course online for you to learn at your own pace.

Learn CSS!