PriMoThemes — now s2Member® (official notice)

This is now a very OLD forum system. It's in READ-ONLY mode.
All community interaction now occurs at WP Sharks™. See: new forums @ WP Sharks™

Modify s2member login CSS

s2Member Plugin. A Membership plugin for WordPress®.

Modify s2member login CSS

Postby theone » June 30th, 2011, 7:36 pm

I recently upgraded to the latest version of s2member. However, after doing that s2member seems to be overriding the login.css style sheet.

Now it seems to be importing the following code directly into the wp-login.php page.

Which file is responsible for importing the following code as I need to modify it.

Code: Select all
<style type="text/css">
html, body { border:0 !important; background:none !important; }
html { background-color:#000000 !important; }
html { background-image:url() !important; }
html { background-repeat:repeat !important; }
body, body * { font-size:12px !important; }
body, body * { font-family:'Verdana', 'Arial', sans-serif !important; }
p#backtoblog a, p#backtoblog a:hover, p#backtoblog a:active, p#backtoblog a:focus { color:#ffffff !important; text-shadow:1px 1px 3px #000000 !important; top:15px !important; left:15px !important; padding:10px !important; border:1px solid #000000 !important; background-color:#000000 !important; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; border-radius:3px !important; }
div#login { width:412px !important; }
div#login h1 a { background:url(logo-secure.jpg) no-repeat top center !important; }
div#login h1 a { display:block !important; width:100% !important; height:5px !important; }
div#login form { -moz-box-shadow:1px 1px 5px #000000, -1px -1px 5px #000000 !important; -webkit-box-shadow:1px 1px 5px #000000, -1px -1px 5px #000000 !important; box-shadow:1px 1px 5px #000000, -1px -1px 5px #000000 !important; }
div#login p#nav, div#login p#nav a, div#login p#nav a:hover, div#login p#nav a:active, div#login p#nav a:focus { color:#ffffff !important; text-shadow:1px 1px 3px #000000 !important; }
div#login form p { margin:2px 0 16px 0 !important; }
div#login form input[type="text"], div#login form input[type="password"], div#login form textarea, div#login form select { font-weight:normal !important; color:#333333 !important; background:none repeat scroll 0 0 #FBFBFB !important; border:1px solid #E5E5E5 !important; font-size:18px !important; margin:0 !important; padding:3px !important; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; border-radius:3px !important; width:100% !important; width:98% !important !ie<8; margin-right:2% !important !ie<8; box-sizing:border-box !important; -ms-box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; }
div#login form select { width:99.5% !important !ie<8; } div#login form select > option { font-size:18px !important; }
div#login form label { cursor:pointer !important; } div#login form label.ws-plugin--s2member-custom-reg-field-op-l { opacity:0.7 !important; font-size:90% !important; vertical-align:middle !important; }
div#login form input[type="checkbox"], div#login form input[type="radio"] { margin:0 3px 0 0 !important; vertical-align:middle !important; }
div#login form input#ws-plugin--s2member-custom-reg-field-user-pass2[type="password"] { margin-top:5px !important; }
div#login form div.ws-plugin--s2member-custom-reg-field-divider-section { margin:2px 0 16px 0 !important; border:0 !important; height:1px !important; line-height:1px !important; background:#CCCCCC !important; }
div#login form div.ws-plugin--s2member-custom-reg-field-divider-section-title { margin:2px 0 16px 0 !important; border:0 solid #CCCCCC !important; border-width:0 0 1px 0 !important; padding:0 0 10px 0 !important; font-size:110% !important; }
div#login form p.submit { margin-bottom:0 !important; }
div#login form input[type="submit"], div#login form input[type="submit"]:hover, div#login form input[type="submit"]:active, div#login form input[type="submit"]:focus { color:#666666 !important; text-shadow:2px 2px 5px #EEEEEE !important; border:1px solid #999999 !important; background:#FBFBFB !important; padding:5px !important; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; border-radius:3px !important; }
div#login form input[type="submit"]:hover, div#login form input[type="submit"]:active, div#login form input[type="submit"]:focus { color:#000000 !important; text-shadow:2px 2px 5px #CCCCCC !important; border-color:#000000 !important; }
div#login form#registerform { padding-bottom:16px !important; } div#login form#registerform p.submit { float:none !important; margin-top:-10px !important; } div#login form#registerform input[type="submit"] { width:100% !important; }
div#login form#lostpasswordform { padding-bottom:16px !important; } div#login form#lostpasswordform p.submit { float:none !important; } div#login form#lostpasswordform input[type="submit"] { width:100% !important; }
div.ws-plugin--s2member-password-strength { margin-top:3px !important; font-color:#000000 !important; background-color:#EEEEEE !important; padding:3px !important; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; border-radius:3px !important; } div.ws-plugin--s2member-password-strength-short { background-color:#FFA0A0 !important; } div.ws-plugin--s2member-password-strength-bad { background-color:#FFB78C !important; } div.ws-plugin--s2member-password-strength-good { background-color:#FFEC8B !important; } div.ws-plugin--s2member-password-strength-strong { background-color:#C3FF88 !important; } div.ws-plugin--s2member-password-strength-mismatch { background-color:#D6C1AB !important; }
div#login form#registerform p#reg_passmail { font-style:italic !important; }
p#reg_passmail { display:none !important; }
</style>
User avatar
theone
Registered User
Registered User
 
Posts: 47
Joined: October 3, 2010

Re: Modify s2member login CSS

Postby theone » June 30th, 2011, 7:45 pm

This was actually easy to fix. It seems that when I upgraded s2member it modified my login.css file. I just changed the css and saved it again and it fixed the problem.
User avatar
theone
Registered User
Registered User
 
Posts: 47
Joined: October 3, 2010

Re: Modify s2member login CSS

Postby Cristián Lávaque » June 30th, 2011, 11:20 pm

Great. Glad it was easy to solve. Thanks for the update. :)
Cristián Lávaque http://s2member.net
Is s2Member working for you? Please rate it Image at WordPress.org. Thanks! :)
User avatar
Cristián Lávaque
Developer
Developer
 
Posts: 6836
Joined: December 22, 2010


Return to s2Member Plugin

Who is online

Users browsing this forum: No registered users and 2 guests

cron