TJ

Timothe, each member can have multiple and different custom capabilities. You can see it in the user’s profile in the custom capabilities text input field. It’s just a comma-delimited list of the capabilities.

Then you can use the s2member shortcodes or functions (there’s a whole bunch of them) to grant access to whatever. Individual pages/posts can also be protected on a custom capability and member level. There should be an s2member widget on the sidebar of page/post pages to specify this. If you don’t see it, choose the “Screen Options” drop down in your admin interface to activate it.

I set all members to “Level 1” and users can gain access to whatever custom capability or capabilities I provide. In your checkout shortcode you have to specify the capability or capabilities you want your user to have. Let’s say your checkout page shortcode only has the custom capability “music” and a user who already has access to “movies” purchases from that page. The “music” capability will just be tacked onto their already existing “movies” custom capability. So now the user will have access to both. When you view the user’s profile, you’ll see both capabilities separated by a comma.

This video (I think it’s a set of three) helped me wrap my head around custom capabilities:
http://www.s2member.com/videos/A2C07377CF60025E/

If you just want to change something minor such as the description font, you should be able to just override the s2member styles in your own CSS file. That way, you won’t have to edit any core files.

For example:

#s2member-pro-authnet-checkout-form-description-section,
#s2member-pro-authnet-checkout-form-description-div {
  font-family: Georgia !important;
}

Are you sure the CSS hack you’re using has really removed the .css file from being loaded? If it still looks the same, it seems to me that it’s either still there (check the source code) or there’s some other styles in another separate stylesheet that’s stretching your form fields across.

The way I customized the s2member form was to prevent the default CSS from loading (same as you), wrapped a div tag with .form class around the s2member shortcode, then styled all the form fields to be the same width. Here’s some sample code:

.form {
  width: 400px; /* the width of the checkout form */
}
.form input,
.form select {
  -webkit-box-sizing: border-box; /* see: http://css-tricks.com/box-sizing/ */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form input[type="text"],
.form input[type="password"],
.form select {
  width: 100%; /* stretch text and password fields and select boxes all the way across */
}


/* following styles are just cosmetic for IE7 (may need to fidget with values) */
.form input[type="text"],
.form input[type="password"] {
  *width: 92%; /* for IE7 and below, as it doesn't understand box-sizing */
}
.form select {
  *width: 98%; /* for IE7 and below, as it doesn't understand box-sizing */
}

That’s just the basics. You can style the fields to look nicer with some additional CSS.

Now, if you don’t want all your fields to have the same length, then you’ll have to target them by class or ID.

Are you talking about the registration page that’s packaged with wordpress core? If so, this page details how you can force SSL for login and registration pages:
http://codex.wordpress.org/Administration_Over_SSL

Are you loading s2member files on only the pages that need them (ie, checkout) or all pages (ie, home, blog, about us, etc)? If it’s the prior you can use a hook to remove them where they’re not needed. These two topics touch on this:

http://www.s2member.com/forums/topic/remove-css-and-optimize-js/
http://www.s2member.com/forums/topic/javascript-head-includes-move-to-footer/

Kim, I was dealing with this also, and I was left with the following choices:

1) override the s2member CSS styles in my own style sheet
2) edit the s2member form files
3) entirely disable the included s2member CSS stylesheet which’ll allow me to style everything from scratch.

I’ve opted for option #3, with Jason’s instructions for how to remove the CSS:
http://www.s2member.com/forums/topic/remove-css-and-optimize-js/#post-9207

The downside is you’ll have to totally restyle the forms from nothing, but it’ll give you ultimate control.

I can’t seem to put php code into wordpress pages.

You can use the Exec-PHP plugin to execute PHP content in wordpress pages/posts:
http://wordpress.org/extend/plugins/exec-php/