Customize the display location of email and password of Lock widget

I want to change the display position of the Lock widget email and password at the top of the screen and change Custom Social Connections to the bottom of the screen.
How can I change it?

To my knowledge there’s no supported way to achieve what you want in Lock 10; you could try overriding CSS classes which may or may not allow you to accomplish that, but that is not supported so even if it did work new versions of Lock could change the HTML structure or CSS classes and break your overrides.

If you need a custom authentication experience different than the one provided by Lock, you should consider using the UI-less library Auth0.js to implement your custom user interface as this would give you full control.