css - 自定义登录页面 CSS 样式

Question

我有一个 WordPress 网站，安装了主题 Enfold 和 MemberMouse 插件。
我还使用 Membermouse 制作了一些注册、登录页面。

但是我的登录页面不好看:http://i.stack.imgur.com/Vwy6b.png

我想把它做成这样或类似的:http://i.stack.imgur.com/tR145.png ( reflexionyoga(dot)com/login/)

有人可以指导我如何更改 CSS 样式并进行更改吗？

谢谢

Answer 1

这是您可以使用的样式页面:

body{
padding-left:20px;
margin: 0;
padding: 0;
text-align: left;
font-family: verdana, tahoma, arial, sans-serif;
background-color: #ACE367;
color: black;
}
p{

font-size: 15px;
margin: 10px;
padding-left: 15px;
}
a{

font-size: 15px
color: #958F81;
text-decoration: none;
}
h1{
color:#191970;
text-align: left;
font-size: 20px;
margin: 10px;
padding-left: 20px;
}
.big{
color: #191970;
font-size: 60px;
}
h2{
text-align: left;
font-size: 15px;
margin: 15px;
padding-left: 20px;
}
img{
border-radius: 8px;
border: 1px solid #ddd;
display: block;
margin: auto;
}
ul {
padding-left: 10px;
padding-top : 0;
list-style-type: none;
margin: 0;
padding: 50px;
width: 200px;
background-color: #ACE367;
font-family: "Lucida Console", Monaco, monospace;
}

li a {
display: block;
color: #000;
padding: 5px 10px;
text-decoration: none;
border-bottom: 1px solid #555;
}

li a:hover {
background-color: #555;
color: white;
}
.note{
color:red;
font-size:10px;
}
input, select {
width: 100%;
padding: 14px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}

input {
width: 100%;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
padding-left: 20px;
padding-right: 20px;
}

input[type=submit]:hover {
background-color: #45a049;
}

div {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
form {
        padding-left: 50px;
        padding-right: 600px;
        padding-bottom: 20px;
        padding-top: 15px;
    }
.body-cen{
padding-left: 250px;
        padding-right: 250px;
        padding-bottom: 50px;
        padding-top: 25px;
}
.pd{
padding-left:30px;
}
hr { 
width:100%; 
height:2px; 
background: #fff 
}
input[type=radio]{
padding-left:0;
}
p{
padding-left:10px;
}