Jump to content
d'Hinnisdaël

Login form styling

Recommended Posts

Does anybody else feel like the login screen could use a revamp? While it might not be the most important thing in the world, first impressions count.

On large(r) screens the login form seems to get lost in the upper third. The rest of the admin looks a lot cleaner and more deliberate.

login-current.thumb.png.5093edf6a7f6cd8c13cfabb76087d3eb.png

A few tweaks would go a long way in making the login screen work on all device sizes. Those are two custom styles I've been adding to my sites lately, one PW-branded and one not. No markup changes needed, just CSS.

login-suggestion-1.thumb.png.af0e3f15a6c5d54edbf3ebb4d65e290a.png

This second one borrows heavily from Twill's login screen.

login-suggestion-2.thumb.png.afe64dc8273fbc74467cb5baf056f566.png

The floating environment label has turned out to be really useful to see at a glance if one is editing on staging or live. Not sure if there's a way to make this 100% core compatible.

  • Like 6

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...