Pro Form design upgrade possibilities

This is an add on discussion to this thread which has been closed for replies:
http://www.s2member.com/forums/topic/how-can-i-make-my-pro-form-look-better/

In that thread, Cristián said:
Kim, the pro-form looks good when it’s displayed without problems.

I did go ahead and change my theme to the default Twnety Eleven theme to see what the form looks like displayed without problems and it is better (less space between each of the fields) but it is still not acceptable to me.

What are the possibilities for upgrading the design of this form?

1)
Specifically, I really want to get rid of that Courier typeface and match the headline font of the form to my site’s headline font. Or anything else that matches my site. That typeface has got to go.

2)
Also, what are the options for changing the button from “Submit Form” to a Join Now or something else that looks more like a payment button than a regular sign up button.

Thanks for any help.

Hi Kim.

You can style the pro-form using CSS. A tool like Firebug is very useful for this. http://getfirebug.com

The pro-form does use Consolas, maybe that’s the one you mean? If you don’t have it in your system, it’d then try using Courier, and if that’s not available it’d then default to what your browser uses for monospace types. To change that one, in your theme’s styles file you could add something like:

div.s2member-pro-paypal-form-description-div {font-family: 'YourFont', sans-serif !important;}

http://www.w3schools.com/cssref/pr_font_font-family.asp

Also, what are the options for changing the button from “Submit Form” to a Join Now or something else that looks more like a payment button than a regular sign up button.

You can edit that with a hack. Create the dir/file /wp-content/mu-plugins/s2hacks.php
[hilite pre_code]