css 自定义Wordpress登录界面CSS

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 自定义Wordpress登录界面CSS相关的知识,希望对你有一定的参考价值。

body.login {
	background: #FFF !important;
}


#login {
	padding: 4% 0 0 !important;
}

#login h1 {
	margin-left: 5px !important;
	text-align: center;
}

#login h1 a { 
background-image: url("../img/logo.png") !important; 
background-repeat: no-repeat !important;
	-webkit-background-size: 200px auto;
	background-size: 200px auto;
	width:200px !important;
	height: 68px !important;


	display: block;
	margin:0 auto;
	}

.login form {
	box-shadow: inherit;
	border-top:1px #CCC dotted;
	border-bottom:1px #CCC dotted;
}

/* Button */

.wp-core-ui .button-primary {
  border:0 !important;
  background: #333 !important;
}


.wp-core-ui .button-primary:hover {
  border: 0 !important;
  background: green !important;
}

以上是关于css 自定义Wordpress登录界面CSS的主要内容,如果未能解决你的问题,请参考以下文章

WordPress自定义登录

css CSS覆盖自定义Wordpress登录屏幕。根据需要替换图像。结合:https://gist.github.com/paulburgess/f657ab10e221b9

Wordpress的自定义登录页更改

自定义Wordpress管理员登录

自定义WordPress登录页的徽标

自定义WordPress登录页的徽标