自定义登录页面CSS样式

时间:2016-03-04 23:59:28

标签: css wordpress

我有一个WordPress网站,已安装主题Enfold和MemberMouse插件 我还使用Membermouse进行了一些注册,登录页面。

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

我希望它像这样或类似的:http://i.stack.imgur.com/tR145.png (reflexionyoga(dot)com / login /)

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

由于

1 个答案:

答案 0 :(得分:0)

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

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;
}