Community Support Forums

I want to use the shortcode [s2Member-Profile /] for members to change their emails and passwords.

However, the fields in the form stretch 100% across the page. I would like to modify the form dimensions. Where can I find the source coding for this shortcode? Thanks.

Try /wp-content/plugins/s2member/includes/s2member.css

Look for #ws-plugin--s2member-profile to help you find the lines for that form.

Thanks so much for your quick reply!

By the way, rather than editing s2member.css, I suggest you add your styles in your own CSS file and make them !important to make sure they have a higher priority than the default s2member styles. http://www.w3.org/TR/CSS2/cascade.html#important-rules

Also, if you're narrowing the whole form and not just one of the fields, this tip in the FAQs may help you:

Can I change the width of PayPal® Pro Forms easily?

Yes, just take your Shortcode, and wrap it inside a div tag. Pro Forms will automatically expand to 100% width of their parent element. So wrapping them inside a div tag with a specific width is the easiest way.

Code: Select all

<div style="width:750px;">
    [s2Member-Pro-PayPal-Form ... /]
</div>

What is the minimum width needed for s2Member's Pro Forms?

Around 450 pixels wide. Technically you could go smaller, but things start to get cramped around 400px or so. Just about any WordPress® theme will do fine; even with a Sidebar.