Short field

I’m having some problems displaying form fields in my pages, look at the url below:

http://dev.nuevavidafm.net/wp/registrate-gratis/

Sorry, most of the text is in Spanish!! How can I fix this, thank you!!

Thanks for your inquiry. ~ We appreciate your patience :-)

It appears that your custom theme is overriding some of s2Member’s default structural CSS. Please add the following CSS to the bottom of your theme’s style.css file. Or, if your theme makes it possible for you to add custom CSS into a form field from the Dashboard, you can try that.

form.s2member-pro-paypal-form label
	{
		width: 100%;
		display:block;
	}

If that does not work, add the !important declarations.

form.s2member-pro-paypal-form label
	{
		width: 100% !important;
		display:block !important;
	}

Please let us know if problems persist :-)

Hi Jason, the registration form it’s looking great once that code was inserted but for the [ s2Member-Profile / ] form fields is not working.

Hi any idea what could be wrong in the profile shorcode?

Thank you for reporting this important issue.

Hi Jason, the registration form it’s looking great once that code was inserted but for the [ s2Member-Profile / ] form fields is not working.

I’m not sure what you mean by this. Could you elaborate?

Thank you.

Sure!! The registration form is displaying excellent using the script that Jason provided above but the profile form that is generated by the s2member profile shortcode the first 4 fields are shorter than the rest of the field.

It sounds like you need some additional CSS to modify things within your custom theme. The snippet I provided previously fixed one issue, but if you’re trying to manipulate various areas of your theme, you should probably install something like FireBug and brush up on your CSS a bit.

See: http://getfirebug.com/
See also: http://www.w3schools.com/css/

Hi guys, thank you Jason for the info but is more like a shortcode thing I guess. I’m just pasting the shortcodes that s2member provide for pages and post. This is how my profile page looks now:

https://dl.dropbox.com/u/3974684/Picture%201.png

Hi guys, I just fix the problem. I was able to find in the CSS theme file the form lable script the with it was written in px (100px) instead of 100%. Thank you!!