font change

[loewenberg]

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!

[loewenberg]

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

[Cristián Lávaque]

Did you try using !important for your style?

[loewenberg]

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

[loewenberg]

bump! please

[Cristián Lávaque]

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!

[loewenberg]

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.

[Raam Dev]

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.

[loewenberg]

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

[Raam Dev]

You're most welcome, Mike!