Community Support Forums

Hi. i'm using s2member pro on my client's site and it's working well. the site is in maintenance mode so i've included a screen shot. we're using a custom registration form on a page and the text under the intro banner (that comes from the short code on the page) is in the colonas font. Here's what i see when i inspect the code in chrome:

div.s2member-pro-paypal-form-description-div {
font-size: 140%;
font-family: 'Consolas','Courier New',monospace;
}

in the s2member.css file, i replaced the serif font family with the sans-serif to match the site but the text stays the same.

can you direct me please as to where i can change the style of that font? thanks!

hi. can someone please direct me to correct this? thanks!

Did you try using !important for your style?

I changed the font in the s2member.css file (located wp-content/plugins/s2member/includes) and added !important but it's still not nailing the issue. when i inspect the element, it points to s2member-o.php. that file does not have the font definition but points to another file that appears to have the font within a <div> tag. can you tell me where i can find the file to change that font, please?

thanks

bump! please

If you use the right selector, you can style it from another file using !important and I think it should work. Can't be sure unless I try it, but I couldn't access your site to try with Firebug.

You could also remove s2Member's styles completely and style the pro-form yourself. From the FAQs:

How can I prevent s2Member Pro from loading it's default CSS?

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

Code: Select all

<?php
add_action ("ws_plugin__s2member_after_loaded", "remove_s2_pro_css");
function remove_s2_pro_css ()
    {
        remove_action ("ws_plugin__s2member_during_css", "c_ws_plugin__s2member_pro_css_js::css");
    }
?>

Or, you could remove only specific action Hooks; based on Payment Gateway.

Code: Select all

<?php
add_action ("ws_plugin__s2member_after_loaded", "remove_s2_pro_css");
function remove_s2_pro_css ()
    {
        remove_action ("ws_plugin__s2member_during_css", "c_ws_plugin__s2member_pro_alipay_css_js::alipay_css");
        remove_action ("ws_plugin__s2member_during_css", "c_ws_plugin__s2member_pro_authnet_css_js::authnet_css");
        remove_action ("ws_plugin__s2member_during_css", "c_ws_plugin__s2member_pro_ccbill_css_js::ccbill_css");
        remove_action ("ws_plugin__s2member_during_css", "c_ws_plugin__s2member_pro_clickbank_css_js::clickbank_css");
        remove_action ("ws_plugin__s2member_during_css", "c_ws_plugin__s2member_pro_google_css_js::google_css");
        remove_action ("ws_plugin__s2member_during_css", "c_ws_plugin__s2member_pro_paypal_css_js::paypal_css");
    }
?>

I hope it helps!

Hi. I am still unable to remove the font styling from the text in the signup form. the site is in a sandbox and in maintenance mode so i cant give you a link here; i'll glad give you the credentials to get in, if you'd like; email or pm me!

i've used css inspectors but i can't seem to nail that font style. I don't want to do anything to the s2 member overall style...i just want to change that one font.

Can you direct me?

thanks.

If you're using PayPal as a gateway, the CSS for that text can be found here:
/wp-content/plugins/s2member-pro/includes/separates/gateways/paypal/paypal.css

Search for s2member-pro-paypal-form-description-div and change the font there. Note that upgrades to s2Member may overwrite those changes.

Raam, thanks for the guidance...it worked perfectly! The client is almost ready for production, thanks to you guys!

You're most welcome, Mike!