Skip to content

Early-bird lifetime licence: $199 once, for the first 200 buyers only. See the offer

Your colours on the login page

Gives the login page your background and button colours. Change the three colour values to match your brand.

  • Type CSS (CSS)
  • Runs On the login hook
  • Category Login
  • Tested with WordPress 7.1
CSS
body.login {
	background: #f3f5f1;
}
.login form {
	border: 0;
	border-radius: 8px;
	box-shadow: 0 4px 24px rgba(15, 30, 61, 0.08);
}
.login .button-primary {
	background: #2346c9;
	border-color: #2346c9;
}
.login .button-primary:hover,
.login .button-primary:focus {
	background: #0f1e3d;
	border-color: #0f1e3d;
}
.login #nav a,
.login #backtoblog a {
	color: #0f1e3d;
}

In these packs

Move your snippets over this afternoon.

Importing changes nothing until you switch over, and your old shortcodes keep working.