Ok I’m still stuck. I’m thinking that my themes default.css is not overriding the s2member.css or s2member-pro.css. I could really use some help because the form is useless as is. Here is the form section of my default.css:
}
form.standard-form#send-reply textarea {
width: 97.5%;
}
body.group-forum form.standard-form input[type=text],
body.group-forum form.standard-form textarea,
body.group-create form.standard-form input[type=text],
body.group-create form.standard-form textarea {
width: 97.5%;
}
form.standard-form p.description {
font-size: 12px;
color: #999;
margin: 5px 0;
}
form.standard-form .submit {
padding: 15px 0;
clear: both;
}
form.standard-form .editfield .submit {
padding: 15px 12px;
}
form.standard-form div.submit input {
margin-right: 15px;
}
form.standard-form div.submit input#signup_submit {
font-size: 19px;
margin: 0;
padding: 8px 12px;
background-color: #7AB3D7;
color: #fff;
border: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
form.standard-form div.submit input#signup_submit:hover {
background-color: #6799b9;
}
form.standard-form div.radio ul {
margin: 10px 0 15px 38px;
list-style: disc;
}
form.standard-form div.radio ul li {
margin-bottom: 5px;
}
form.standard-form a.clear-value {
display: block;
margin-top: 5px;
outline: none;
}
form#signup_form h2 {
font-size: 30px;
line-height: 1.3em;
margin-bottom: 20px;
}
form.standard-form #basic-details-section,
form.standard-form #profile-details-section,
form.standard-form #blog-details-section {
float: left;
clear: left;
width: 100%;
margin-top: 20px;
}
form.standard-form #basic-details-section h4,
form.standard-form #profile-details-section h4,
form.standard-form #blog-details-section h4 {
font-size: 20px;
}
form.standard-form input:focus, form.standard-form textarea:focus, form.standard-form select:focus {
background-color: #fafafa;
color: #555;
}
form#send-invite-form {
margin-top: 20px;
}
div#invite-list {
height: 400px;
overflow: scroll;
padding: 5px;
background-color: #f5f5f5;
width: 160px;
border: 1px solid #e4e4e4;
margin: 10px 0;
}
form#settings-form h3 {
margin-top: 10px;
}
form#settings-form label {
margin-top: 15px;
}
form.standard-form span.asterisk {
color: #b73f41;
}
div.page input[type=text] {
font-size: 12px;
height: 16px;
padding: 4px;
width: 300px;
}