Custom min registration form

Hello I would like to place a registration form on the front page of my site. Not much room to work with so i was wondering if it was possible to remove certain aspects of the form when placed as a short code on a page.

I would like to remove the create profile text and the pad lock graphic on the top and the complete registration section including graphic with the exception of the submit button of course.

So i would only have minimum fields to place on my page – first name – last name – email and submit

Thanks

David

Hi David,

All of that can be done with CSS. You can write CSS styles that set various elements to display:none; to hide them.

Thank you for the reply: please can you be a little more specific – what do i need to do to hide the elements suggested? is their any documentation related to this?

Thank you

David

I could really use some help with this

Hi David.

is their any documentation related to this?

That’d be CSS documentation, nothing special about it. Just find the proper selector for each of the things you want to hide and add your custom styles to your theme’s style.css. Firebug will be very useful for this.

For example, for the free registration pro-form’s description, where it says “sign up now”, you can use the [hilite mono]#s2member-pro-paypal-registration-form-description-div[/hilite] ID as the selector.

#s2member-pro-paypal-registration-form-description-div {display: none;}

I hope that helps. :)

great thank you so much

No problem.

Actually, the description itself is easy to remove just editing the shortcode, but hiding with CSS will be useful for other parts. :)

Great all is now looking great with the exception of too much white space between fields. Easy fix? I have put the short-code between [raw] tags which helped some but their is still too much space between the fields.

First name

Too much space

Last Name

Too much space

Username

Too much space

I’d need to see the page with the pro-form, but I’m guessing it’s either the styling you did, or a plugin/theme causing the shortcode parsing to have too many [hilite mono]br[/hilite] tags where it shouldn’t (e.g. hidden input fields).

Can I see the page?

About the theme/plugins, you can test quick changing to the default theme and refreshing the page, and if that doesn’t solve it, deactivate other plugins one by one, checking after each.

Yes it was the theme – all fixed now

Thank you Cristian

Cool. :)