Support » Plugin: WP Custom Login » WP Custom Login

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Ninos

    (@ninos-ego)

    hmmm you can write following into your wp-custom-login.css:

    #login {
    margin: 0 auto;
    }
    #login #nav,
    #login #backtoblog {
    margin-left: -299px;
    }

    I think the main problem is the #nav and #backtoblog. But because your site has got a fixed width, you can solve it with this code.

    I have the same issue. I need to move the login off the left edge. I put a wp-custom-login.css file in the themes directory but it had no effect.
    site is http://www.titleeandobyrobin.com

    Plugin Author Ninos

    (@ninos-ego)

    this is not a wordpress site 😉

    Plugin Author Ninos

    (@ninos-ego)

    I have used following css file for a childtheme of the twentyeleven theme:

    #main {
    	padding: 0 !important;
    }
    #headerbox form {
    	background: none;
    	padding: 0;
    	border: 0;
    	box-shadow: none;
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;
    }
    #login {
    	margin: 0 auto;
    	width: 1000px !important;
    	padding: 30px 0 !important;
    }
    #login h1 {
    	display: none;
    }
    #login .message {
    	margin: 0 !important;
    }
    #login_error,
    .login .message {
    	margin: 0 !important;
    	padding: 6px !important;
    }
    #login h1 a {
        padding: 0;
    	color: inherit;
    	text-align: left;
    }
    #login p {
    	margin: 0;
    }
    #login form {
    	padding: 6px 0;
    }
    #loginform label, #registerform label, #lostpasswordform label {
        display: block;
        font-size: 16px;
        font-weight: 600;
        line-height: 23px;
        padding: 7px 0 4px;
    }
    #login form input {
        font-size: 16px;
        line-height: 23px;
        padding: 5px;
        width: 260px;
        background: none repeat scroll 0 0 #FFFFFF !important;
        border: 1px solid #999999 !important;
        color: #333333;
    	border-radius: 0;
    	-moz-border-radius: 0;
    	-webkit-border-radius: 0;
    	box-shadow: 0 !important;
    	-moz-box-shadow: 0 !important;
    	-webkit-box-shadow: 0 !important;
    }
    #login form input:hover {
    	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1) inset;
    	-moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1) inset;
    	-webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1) inset;
    }
    #login form #user_email {
    	width: 248px;
    	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
    	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
    	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
    }
    #login form #user_email:hover {
    	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1) inset;
    	-moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1) inset;
    	-webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1) inset;
    }
    #login form #wp-submit {
    	width: 248px;
        text-shadow: none;
    }
    #login form #wp-submit:hover {
    	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    }
    #login form .forgetmenot label {
        font-size: 13px;
        line-height: 18px;
    }
    #login form .forgetmenot input {
    	width: auto;
    }

    You can modify it like your needs…

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘WP Custom Login’ is closed to new replies.