dubhunter

All changes to the WitnessLA login page where done with this plug-in.

The power lies in the inclusion of the CSS file.

Give me a more specific question and I can try to answer. But for now, I don’t see any problem in what you want and whats provided.

Glad you like the plug-in. I’m not sure what “changes” you have made to your login page, but I think this plugin should allow for most, if not all, of it.

All of the changes to the login page on WitnessLA have been accomplished with this plug-in.

You are able to put any markup in the page specific message fields, and then they are placed in divs.

Take a look at this screenshot of the witnessla settings…

Here are the options used on the plugin page:

Login Style General Options

Style Sheet:
wp-content/themes/witness-la/login-style.css

Head Link URL:
https://www.witnessla.com/

Head Link Title:
Powered by Don't Blink Design

Page Specific Messages

Login Page Message:
<p class="dbd_ls_head">Login</p> You don't have to register or login just to use the WitnessLA site and comment. <br /><br /> But if you'd like to become a WitnessLA grassroots reporter, register here. <br /><br /> NOTE: WitnessLA will never give your name and/or personal information away to anyone else for any reason.

Registration Page Message:
<p class="dbd_ls_head">Register for this Site</p> If you want to be able to post your own Justice/Injustice Alerts you must first register here. <br /><br /> (You may, however, write comments for any of the posts without registering.) <br /><br /> NOTE: WitnessLA will never give your name and/or personal information away to anyone else for any reason.

Forgot Password Page Message:
<p class="dbd_ls_head">Forgot Password</p> Please enter your username and e-mail address. You will receive a new password via e-mail.

Error Messages

Logged Out:
NONE

Registration Disabled:
NONE

Confirmation Email:
NONE

New Password:
NONE

Reg. Complete / Check Mail:
NONE

For the mean time, here is one that is in use on WitnessLA.com:

login-style.css:

body
{
	margin: 0;
	padding: 0;
	font: 0.9em Arial, Sans-Serif;
	color:#000000;
	background-color: #eee;
	background : #e6e7e8 url(images/bg.jpg) repeat-x;
}

#login
{
	background: #FFFFFF url(images/header_image.jpg) no-repeat 0 10px;
	color: #363636;
	margin: 35px auto 35px auto;
	padding: 327px 0 0 0;
	_padding-top: 346px;
	width: 865px;
	border: 1px solid #636466;
}

#login form
{
	background: #deedfd;
	margin: 0px 50px 25px 25px;
	padding: 10px;
	width: 255px;
	border: 1px solid #bababa;
}

#login #login_error
{
	position: absolute;
	left: 400px;
	top: 363px;
	background: none;
	border: none;
	border-left: 2px solid #bababa;
	color: #BC6247;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0 0 0 10px;
	text-align: left;
	z-index: 10;
}

#login #login_error a
{
	color: #ebcd4e;
	border-color: #ebcd4e;
}

#login #send
{
	color: #fff;
	text-align: left;
	font-weight: normal;
	font-size: 1.1em;
}

#login p
{
	font-size: 1.0em;
}

#login .message
{
	position: absolute;
	left: 330px;
	top: 355px;
	font-size: 1.0em;
	text-align: left;
	width: auto;
	margin: 0 auto 0 50px;
	z-index: 1000;
}

.login ul,
#protected #login .bottom
{
	list-style: none;
	width: 325px;
	margin: 0 auto;
	padding: 0;
	line-height: 1.2;
}

.login ul li
{
	font-size: 1.1em;
	font-weight: bold;
	display: inline;
	padding-left: 18px;
	padding-right: 18px;
}

.login ul li a
{
	color: #0d324f;
	color: #db3f0f;
	border: none;
}

#login ul li a:hover
{
	color: #fff;
}

.login ul
{
	position: absolute;
	top: 55px;
	left: 50%;
	width: 865px;
	margin: 0 0 0 -433px;
	text-align: right;
}

#login input
{
	padding: 2px;
}

#login .input
{
	font-size: 1.1em;
	color: #316aaa;
	margin-top: 3px;
	width: 250px;
}

#login p label
{
	font-size: 1.2em;
	font-weight: bold;
}

#login #submit
{
	margin: 0;
	font-size: 15px;
}

#dbd_ls_log_form_msg,
#dbd_ls_reg_form_msg,
#dbd_ls_pass_form_msg
{
	position: absolute;
	left: 325px;
	top: 346px;
	width: 495px;
	border: 1px solid #bababa;
	background-color: #e6e7e8;
	padding: 10px;
	margin-right: 25px;
}

#login div p.dbd_ls_head
{
	font-size: 1.8em;
	font-weight: bold;
	color: #316aaa;
	margin: 0 0 8px 0;
	padding: 0;
}

/*** TRANSPARENT CLICKABLE AREA ***/
#login h1 a
{
	background-color: transparent;
	display: block;
	width: 120px;
	height: 120px;
	position: absolute;
	top: 13px;
	left: 25px;
	z-index: 100;
}

/*** PROPER HIDING TECHNIQUE ***/
#login .message,
#login .hide
{
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

I just tested the plugin in WP2.5, and had no problems.

If you know the error its generating, I may be able to fix it quickly. Otherwise I will update it as soon as I have a chance to get WP 2.5.

I just added this feature to the code. Version 1.1 should now be available for download!

Thanks for the suggestion!