PriMoThemes — now s2Member® (official notice)

This is now a very OLD forum system. It's in READ-ONLY mode.
All community interaction now occurs at WP Sharks™. See: new forums @ WP Sharks™

how to override s2member.css?

s2Member Plugin. A Membership plugin for WordPress®.

how to override s2member.css?

Postby mrstth » August 24th, 2011, 5:32 am

Hi,
I'm wanting to edit the css of the grey return page after paypal, and have found /wp-content/plugins/s2member/includes/s2member.css, which appears to control body.s2member-return-body etc.

A note in that css file says
"These are basic CSS rules. You can override any of these through the `/style.css` file for your WordPress® theme."
- however, adding an alternative style in /style.css of my child theme doesn't appear to make any difference at all.

As it's the body element, there's no way I can see to trump it, and any edits to the original s2member.css, would obviously be overwritten when I upgrade.

I saw this thread but don't completely understand Jason's suggestion here:
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=1


I can view the CSS that way, but it's a one-line file, which is almost entirely impenetrable when copied and pasted into a text editor; also, even if I did edit it, I'm not sure where to put it..

Any suggestions very welcome!
Thanks
-sam
User avatar
mrstth
Registered User
Registered User
 
Posts: 17
Joined: September 22, 2010

Re: how to override s2member.css?

Postby Cristián Lávaque » August 25th, 2011, 12:36 am

Have you tried using !important in your rules to override s2Member's? http://webdesign.about.com/od/css/f/blcssfaqimportn.htm
Cristián Lávaque http://s2member.net
Is s2Member working for you? Please rate it Image at WordPress.org. Thanks! :)
User avatar
Cristián Lávaque
Developer
Developer
 
Posts: 6836
Joined: December 22, 2010

Re: how to override s2member.css?

Postby mrstth » August 25th, 2011, 8:54 am

Hi again Cristián,
thanks again for responding.
I have used that rule before, yes, but the paypal return page I wanted to style calls a separate stylesheet (s2member.css), so I can't see how anything in my styles.css can apply to it;

Have just hacked the source file in the end, at /wp-content/plugins/s2member/includes/classes/utils-html.inc.php to echo my child theme's style.css after the first one, in which I've added my own styling. Will make a note that I'd need to edit it again after any upgrades.

If anyone has a more elegant solution I'd love to hear it :)
Thanks again
-sam
User avatar
mrstth
Registered User
Registered User
 
Posts: 17
Joined: September 22, 2010


Return to s2Member Plugin

Who is online

Users browsing this forum: Google [Bot] and 1 guest

cron