Customize Small Button in Pro-Form

#1

Hi there. How to customize the bigger Submit Form button in the Free Registration Form? Currently the button is too small to see, how do I customize the CSS or something else to get there? Thank you.

#2

Hi,

You can customize this button with CSS attributes.

Exemple:
#s2member-pro-paypal-registration-submit {width: 160px !important; height: 50px !important;}

Best regards. Brice.

1 Like
#3

Thank you very much. It works great.:grinning: I want to ask a little more about how to make the button font size also larger and white, the button is red with hover color crimson.

In addition, I want to change the font size of the main items to smaller in Free Registration From: Create Profile, Additional Info, Security Verification, Complete Registration.

#4

You can customize s2Member’s forms like this: https://s2member.com/kb-article/can-i-customize-pro-forms/

For the button:
#s2member-pro-paypal-registration-submit {width: 160px! Important; height: 50px! important; font-size: 1.2em !important; padding: 1% !important; color: #FFFFFF !important;}

Best regards. Brice.

2 Likes
#5

Hi. Thanks a lot. I haven’t changed the red button yet. Do you know any code that can do that?
I will read the above article a few more times. It says you have to customize CSS to change the form template but unfortunately I don’t know how to write CSS to customize the form.

#6

You can find all CSS attributes at this link: https://www.w3schools.com/css/default.asp

Best Regards. Brice.

2 Likes
#7

Thank you for spending time with me. The above document is very helpful, I will study it. Have a nice day.:grinning: New Information: I have edited the Pro-Form Template already. Many thanks for your great help.

2 Likes