Login & Registration Page Design

[k4yti]

Hi, I'd like to stop the Login/Registration Design background image tiling. Where is the code/css so I can add no-repeat please?
Many thnaks
Katie

[drbyte]

Hi Katie

Look in under plugin>s2member>includes>functions>login-customizations.inc.php Starting around line 53

Code: Select all

      $s .= 'html { background-image: url(' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_image"] . ') !important; }' . "\n";


Not sure if a new version of s2member will overrides it

Good Luck

[k4yti]

Thank you that's a fantastic help.

In v. 3.0.9
Lines: 64-72

Code: Select all

            /**/
            //$s .= 'html, body { border: 0 !important; background: none !important; }' . "\n"; /* Clear borders & existing background. */
            $s .= 'html, body { border: 0 !important; background-color: #' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_color"] . ' !important; background-image: url(' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_image"] . ') !important; background-repeat: no-repeat !important; background-position: top center !important; }' . "\n"; /* Clear borders & existing background. */
            
            //$s .= 'html { background-color: #' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_color"] . ' !important; }' . "\n";
            //$s .= 'html { background-image: url(' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_image"] . ') !important; }' . "\n";
            //$s .= 'html { background: url(' . $GLOBALS["WS_PLUGIN__"]["s2member"]["o"]["login_reg_background_image"] . ') !important; }' . "\n";
           
            /**/


[Jason Caldwell]

Also. if you would like to do this using a WordPress Filter, that would be better in the long run. That way you won't have to worry about changing this all the time when we release new versions of s2Member in the future. Here is a quick example.

Inside the functions.php file for your theme, add these lines, and adjust as necessary.

Code: Select all

<?php
add_filter("ws_plugin__s2member_login_header_styles", "my_login_styles");
function my_login_styles($s2member_styles)
    {
        echo '<style type="text/css">';
        ?>

         Your stylesheet data goes here.

        <?php
         echo '</style>';
    }
?>

[drbyte]

Also. if you would like to do this using a WordPress Filter, that would be better in the long run. That way you won't have to worry about changing this all the time when we release new versions of s2Member in the future. Here is a quick example.

Inside the functions.php file for your theme, add these lines, and adjust as necessary.

Code: Select all

<?php
add_filter("ws_plugin__s2member_login_header_styles", "my_login_styles");
function my_login_styles($s2member_styles)
    {
        echo '<style type="text/css">';
        ?>

         Your stylesheet data goes here.

        <?php
         echo '</style>';
    }
?>

NICE Thank you for this priceless tip Jason

[Jason Caldwell]

Very welcome!