Thanks for reporting this important issue.s2Member Pro Forms come with basic structural CSS, giving Pro Forms a professional appearance, but still leaving plenty of room for style inheritance from your WordPress theme.
On your installation, your Pro Forms should look something like our demo here:
http://dev.primothemes.com/s2clean/payp ... kout-demo/If your Pro Forms look shoddy or unprofessional, here are some things I would have a look at:
1. Is s2Member Pro properly loading its JavaScript/CSS files on your installation?
( take a look in the <head></head> of your site, are these files functional? )2. Is your WordPress theme overriding s2Member's default structural styling in some way?
( try testing with the default WordPress themes, or with the s2Clean theme for s2Member )3. If all else fails, you can remove all of s2Member's CSS following these instructions, and then apply your own stylesheet which will need to completely re-style the s2Member Pro Forms on your installation.
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");
}
?>
If you go this route, the following details may also be useful...
The easiest way to recreate and/or override s2Member's CSS, is to load up your site with s2Member's default CSS file, as it is created dynamically, based on your configuration of s2Member. Then download the whole file by loading up:
http://yoursite.com/?ws_plugin__s2member_css=1Either that, or if you'd like to investigate the core CSS files, you'll find more of them inside:
/wp-content/plugins/s2member-pro/includes/separates/gateways/Also see:
/s2member/includes/s2member.cssAlso see:
/s2member-pro/includes/s2member-pro.css
Posted: August 19th, 2011, 2:37 pm