本文最后更新于362 天前,其中的信息可能已经过时,如有错误请发送邮件到[email protected]
由于Argon主题的高度集成,突发奇想来修改修改其登入界面的样式。
打开主题文件目录,找到login.css文件。
登入页面背景改颜色
body {
background: linear-gradient(150deg,#67a8e5 15%,#5785d2 70%,#456da9 94%);
}
登入窗口改圆角、颜色
.login form {
background-color: #fafafa;
border-radius: 1.25rem;
}
输入框改颜色(含文字)、圆角
.login form .input, .login input[type=password], .login input[type=text] {
color: #8898aa;
background-color: #fff;
border-radius: .75rem;
}
显示密码按钮改颜色
.login .button.wp-hide-pw {
color: #67a8e5;
}
登入按钮改颜色、圆角
新增以下代码
.login .button-primary {
background-color: #67a8e5 !important;
border-radius: 25px;
}
“更改”按钮改圆角
新增以下代码
.login .language-switcher .button {
margin-bottom: 0;
border-radius: 25px;
}
语言复选框改颜色、圆角
新增以下代码
#language-switcher select {
border-radius: 25px;
color: #2b94df;
}
语言图标改颜色
新增以下代码
.language-switcher label .dashicons {
color: white;
vertical-align: middle;
}
以上便是简单的修改记录。