WordPress.org

1. uzuria
   Member
   Posted 1 year ago #

   Hi, I hope you can help me.

   I've installed Login XChange in order to customise the login, registration and forgot password pages. With the default css that comes with the install, everything works fine. However, when I add my own css, the login/register button stops working. I've looked at my css but can't see what could be causing this!

   Here is an example of where the problem is occuring:-
   Registration Page

   Here is my CSS code:-
   

   html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
   :focus{outline:0}
   ol, ul{list-style:none}
   blockquote:before, blockquote:after, q:before, q:after{content:""}
   blockquote, q{quotes:"" ""}
   strong{font-weight:bold}
   em{font-style:normal}
   a{text-decoration:none; cursor:pointer}
   
   body{
   	background: url('http://mathsphys.irresistibleyou.co.uk/content/images/loginback.jpg') ;
   	font-family: Tahoma, Geneva, sans-serif
   	font-size: 13px;
   	background-repeat: no-repeat;
   	background-position: top;
   }
   
   #wrapper {
   	margin: 0 auto 0 auto;
   	width: 980px;
   }
   
   #banner{
           width: 800px;
           position: relative;
           top: -40px;
   	margin: 0 auto;
   }
   
   h1{
   	width: 980px;
   	margin: 0 auto;
   	height: 125px;
   	background: transparent;
   }
   
   h1 a{
   		display: none;
   	}
   
   .message{
   	display: none;
   }
   
   #backtoblog{
   	width: 850px;
   	position: relative;
           top: -100px;
   	left: 70px;
   	margin: 0 0 0 0;
   	text-align: center;
           font-family: Tahoma, Geneva, sans-serif;
   	font-size: 16px;
   	font-weight: bold;
   
   }
   	#backtoblog a{
   		color: #930;
           font-family: Tahoma, Geneva, sans-serif;
   	font-size: 13px;
   	font-weight: bold;
   	}
   	#backtoblog a:hover{
          color: #c30;
           font-family: Tahoma, Geneva, sans-serif;
   	font-size: 13px;
   	font-weight: bold;
   	}
   
   #loginform,
   #registerform,
   #lostpasswordform{
   	display: block;
   	width: 800px;
           position: relative;
           top: -35px;
   	margin: 0 auto;
   }
   
   #login p{
   	padding: 10px 0;
   	color: #633;
   }
   
   .input{
   	width: 300px;
   	height: 20px;
   	padding: 1px;
   	color: #006;
   	font-size: 20px;
   	border: 2px solid #006;
   	background: #FAD892;
   }
   
   .submit{
   	text-align: right;
   }
   
   #wp-submit{
   	height: 24px;
   	padding-left: 15px;
   	padding-right: 15px;
   	color: #fff;
   	font-family: Arial;
   	font-size: 14px;
   	font-weight: bold;
   	border: none;
   	-moz-border-radius: 12px;
   	-khtml-border-radius: 12px;
   	-webkit-border-radius: 12px;
   	border-radius: 12px;
   	cursor: pointer;
   	background: url('http://mathsphys.irresistibleyou.co.uk/content/images/grad.png') 0 0 repeat-x;
   }
   
   #login #nav{
   	display: block;
   	width: 800px;
           position: relative;
           top: -100px;
   	margin: 0 auto;
   	padding: 30px 20px;
   	color: #006;
   }
   	#login #nav a{
   		color: #930;
   font-family: Tahoma, Geneva, sans-serif;
   	font-size: 13px;
   	font-weight: bold;
   	}
   	#login #nav a:hover{
   		color: #c30;
   font-family: Tahoma, Geneva, sans-serif;
   	font-size: 13px;
   	font-weight: bold;
   	}

   I also edited wp-login.php and added in the title images, but can't see how that would be affecting the submit button in any way.

   Any help would be much appreciated!

   Thanks

   Maxine

2. uzuria
   Member
   Posted 1 year ago #

   Still can't find out what the problem is :(

Topic Closed

This topic has been closed to new replies.