Community Support Forums

Hi,

I'm just getting started with s2Member and I'm wondering how I can stop s2Member from overriding registration/login CSS. It states in the s2Member panel that modifying CSS is required, however, if possible I would like to retain the CSS used in my theme globally. I did do a search, and found a similar topic that did not quite help me: viewtopic.php?f=4&t=1998&p=6178&hilit=CSS#p6178

If anyone has any ideas, that would be great. I did try to send an email through support for unrelated questions/concerns. As I have not received any sort of response in many days, I figured it would be best to post my questions here from now on.

I went ahead and sent another support email, but once again it was ignored. I'm wondering if anyone can help me adjust s2Member to compensate for overriding CSS.

Well, I figured it out. I think. Here's the code you add to functions.php:

remove_action("login_head", "ws_plugin__s2member_login_header_styles");

Hi,

I also have the same problem, my homepage is entirely broken when users are not logged in.
I do tried adding remove_action("login_head", "ws_plugin__s2member_login_header_styles"); on theme functions, but the login page is reverted back to the default wordpress login style.
Any help?

Tristrella - I had the same problem, but I started using the Theme My Login plugin which skips going to the main WP login page. An alternative...

Hopefully in a future version they'll stop writing styles that takes over the whole site!

SPOKE TOO SOON! Just did an upgrade and this code no longer works! They must have changed the coding or something because this PxO's code doesn't work anymore. (

I've had this same problem, and at first glance I appear to have 'fixed' it by simply commenting out all of the CSS code in plugins/s2member/includes/classes/login-customizations.inc.php

I commented out this whole block:

Code: Select all

               $s .= 'html, body { border: 0' . $i . '; background: none' . $i . '; }' . "\n"; /* Clear existing. */
                  $s .= 'html { background-color: #' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_color"] . $i . '; }' . "\n";
                  $s .= 'html { background-image: url(' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_image"] . ')' . $i . '; }' . "\n";
                  $s .= 'html { background-repeat: ' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_image_repeat"] . $i . '; }' . "\n";
                  /**/
                  $s .= 'body, body * { font-size: ' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_font_size"] . $i . '; }' . "\n";
                  $s .= 'body, body * { font-family: ' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_font_family"] . $i . '; }' . "\n";
                  /**/
                  $s .= 'p#backtoblog a, p#backtoblog a:hover, p#backtoblog a:active, p#backtoblog a:focus { color: #' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_text_color"] . $i . '; text-shadow: 1px 1px 3px #' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_text_shadow_color"] . $i . '; top: 15px' . $i . '; left: 15px' . $i . '; padding: 10px' . $i . '; border:1px solid #' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_box_shadow_color"] . $i . '; background-color: #' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_color"] . $i . '; -moz-border-radius:3px' . $i . '; -webkit-border-radius:3px' . $i . '; border-radius:3px' . $i . '; }' . "\n";
                  /**/
                  $s .= 'div#login { width: ' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_logo_src_width"] . 'px' . $i . '; }' . "\n";
                  $s .= 'div#login h1 a { background: url(' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_logo_src"] . ') no-repeat top center' . $i . '; }' . "\n";
                  $s .= 'div#login h1 a { display: block' . $i . '; width: 100%' . $i . '; height: ' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_logo_src_height"] . 'px' . $i . '; }' . "\n";
                  /**/
                  $s .= 'div#login form { -moz-box-shadow: 1px 1px 5px #' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_box_shadow_color"] . ', -1px -1px 5px #' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_box_shadow_color"] . $i . '; -webkit-box-shadow: 1px 1px 5px #' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_box_shadow_color"] . ', -1px -1px 5px #' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_box_shadow_color"] . $i . '; box-shadow: 1px 1px 5px #' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_box_shadow_color"] . ', -1px -1px 5px #' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_box_shadow_color"] . $i . '; }' . "\n";
                  /**/
                  $s .= '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: #' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_text_color"] . $i . '; text-shadow: 1px 1px 3px #' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_text_shadow_color"] . $i . '; }' . "\n";
                  /**/
                  $s .= 'div#login form p { margin: 2px 0 16px 0' . $i . '; }' . "\n"; /* Handle margins. */
                  $s .= 'div#login form input[type="text"].input, div#login form input[type="password"].input, div#login form input[type="text"].ws-plugin--s2member-custom-reg-field, div#login form input[type="password"].ws-plugin--s2member-custom-reg-field, div#login form textarea.ws-plugin--s2member-custom-reg-field, div#login form select.ws-plugin--s2member-custom-reg-field { font-weight:normal' . $i . '; color:#333333' . $i . '; background:none repeat scroll 0 0 #FBFBFB' . $i . '; border:1px solid #E5E5E5' . $i . '; font-size:' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_font_field_size"] . $i . '; margin: 0 2% 0 0' . $i . '; padding:3px' . $i . '; width:98%' . $i . '; }' . "\n";
                  $s .= 'div#login form input[type="checkbox"].ws-plugin--s2member-custom-reg-field, div#login form input[type="radio"].ws-plugin--s2member-custom-reg-field { vertical-align:middle' . $i . '; }' . "\n";
                  $s .= 'div#login form select.ws-plugin--s2member-custom-reg-field > option { font-size:' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_font_field_size"] . $i . '; }' . "\n";
                  $s .= 'div#login form label.ws-plugin--s2member-custom-reg-field-op-l { vertical-align:middle' . $i . '; font-size:90%' . $i . '; }' . "\n";
                  $s .= 'div#login form select.ws-plugin--s2member-custom-reg-field { width:100%' . $i . '; }' . "\n";
                  /**/
                  $s .= 'div#login form p.submit { margin-bottom: 0' . $i . '; }' . "\n";
                  $s .= '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' . $i . '; text-shadow: 2px 2px 5px #EEEEEE' . $i . '; border: 1px solid #999999' . $i . '; background: #FBFBFB' . $i . '; padding: 5px' . $i . '; -moz-border-radius: 3px' . $i . '; -webkit-border-radius: 3px' . $i . '; border-radius: 3px' . $i . '; }' . "\n";
                  $s .= 'div#login form input[type="submit"]:hover, div#login form input[type="submit"]:active, div#login form input[type="submit"]:focus { color: #000000' . $i . '; text-shadow: 2px 2px 5px #CCCCCC' . $i . '; border-color: #000000' . $i . '; }' . "\n";
                  $s .= 'div#login form#lostpasswordform { padding-bottom: 16px' . $i . '; } div#login form#lostpasswordform p.submit { float: none' . $i . '; } div#login form#lostpasswordform input[type="submit"] { width: 100%' . $i . '; }' . "\n";
                  $s .= 'div#login form#registerform { padding-bottom: 16px' . $i . '; } div#login form#registerform p.submit { float: none' . $i . '; margin-top: -10px' . $i . '; } div#login form#registerform input[type="submit"] { width: 100%' . $i . '; }' . "\n";
                  /**/
                  $s .= 'div#login form#registerform p#reg_passmail { font-style: italic' . $i . '; }' . "\n";
                  if ($GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["custom_reg_password"])
                     $s .= 'p#reg_passmail { display: none' . $i . '; }' . "\n";
                  /**/

Now off to see if it's broken anything else!

PS I was already using the Theme My Login plugin prior to installing s2member Don't know if that makes any difference.

Hi there. Thanks for the excellent questions.

s2Member will, by default, apply CSS to the default Login/Registration system for WordPress, allowing you to re-brand this particular section of your site ( and only this particular section ). The tools allowing you to re-brand the default Login/Registration system are found in your Dashboard under:
s2Member -> General Options -> Login/Registration Design.

Now, if you'd like to disable this functionality, you can.

Please create this directory and file:
/wp-content/mu-plugins/s2-hacks.php

Inside the file, add this code snippet.

Code: Select all

<?php
add_filter ("ws_plugin__s2member_login_header_styles", "__return_false");
?>

---

@peteratomic
If in previous versions of s2Member you were using this.

Code: Select all

remove_action("login_head", "ws_plugin__s2member_login_header_styles"); 

With s2Member v3.5+, please change this to reflect s2Member's new static class method.

Code: Select all

remove_action("login_head", "c_ws_plugin__s2member_login_customizations::login_header_styles"); 

---

@PxO Ink, @thoughton ~ Our sincere apologies for any delays in response time. For anyone having issues getting email through to us ( i.e. not receiving a response within 24-48 hours, please try this contact form ). If you are still unsuccessful, please contact me or Cristián Lávaque directly through the forum.