background colour of custom login page

  • Hi there,

    I am customising the login page of our website here: https://www.playimports.com.au/wp-admin and although I have the logo the right size, you can see that the white background colour of body.login does not go all the way to the bottom. Why is this happening?

    This is the CSS that I have put in a custom css file in the child theme:

    /* Change the size of the login logo */

.login h1 a {
background-size: 200px 200px;
	background-position: center top;
	background-repeat: no-repeat;
	color: #fff;
	height: 200px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 auto 25px;
	padding: 0;
	text-decoration: none;
	width: 200px;
	text-indent: -9999px;
	outline: none;
	overflow: hidden;
	display: block;
}

body.login
{
background-color: #fff;
}

.login form {
	background: #f1f1f1;
}

    Can anyone help me to get the white background to go all the way to the bottom?

    Thanks and cheers,
    Sarah

Viewing 3 replies - 1 through 3 (of 3 total)
  • Sam

    (@soumendra)

    Hello Sarah,

    You can try this in your Custom CSS for achieving that:

    #login {
    padding: 0;
}
.login h1 a {
    margin-bottom: 0;
}
.login form {
    margin-top: 0;
}

    Hope that helps you, feel free to ask if there is any other problem.

    Thank you.

    Thread Starter softsleepysounds

    (@softsleepysounds)

    Thanks so much Sam ?? I appreciate your help!

    Cheers,
    Sarah

    Sam

    (@soumendra)

    Pleasure to help you. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘background colour of custom login page’ is closed to new replies.