Styling the Themed Login and Registration Pages

It occurred to me after seeing the Themed Login Plugin in action on a few sites that maybe some people would want to know how to improve the appearance just a bit.

If you want to center your forms add the following line to your style.css file in your theme directory (or alternatively by using the theme editor under Presentation):

#login {margin:0 auto 0 auto;width:250px;}

If you want to display the links (at the bottom of the forms) all on one line instead of as a list of bullets add the following lines as well:

#login ul {margin:0;padding:0;}
#login ul li {display:inline;margin-left:10px;}

You should probably add these lines to the bottom of your style.css file.  I didn’t put any inline styling into play because I wanted to afford users maximum flexibility and many people (by many I mean me) don’t appreciate it when plugin authors start dinking around with their “look”.

I’ve also added the style options to the Themed Login Plugin page for permanence.