Community Support Forums

Re: Adjust width of input fields

2011-04-22T20:27:59-05:00

Yes, I had to add the second suggestion as well but it worked! Thank you for your time!!

Statistics: Posted by Magicmarker — April 22nd, 2011, 8:27 pm

Re: Adjust width of input fields

2011-04-22T20:17:49-05:00

You need to change the css selectors to target the specific elements you want to effect. On your site, try

Code:: form#loginform input#user_login, form#loginform input#user_pass { width: 260px; }

but since I see those elements have inline style="width: 100%", you might need to override it with

Code:: width: 260px !important

Statistics: Posted by toddz88 — April 22nd, 2011, 8:17 pm

Re: Adjust width of input fields

2011-04-22T20:02:16-05:00

Seemed to have no effect (?).

Statistics: Posted by Magicmarker — April 22nd, 2011, 8:02 pm

Re: Adjust width of input fields

2011-04-22T19:13:08-05:00

I added this to my theme's main CSS file. It makes the input fields 300px wide, but you can adjust to your needs. The Select element is separate, since it should not get the padding and font-size too.

Code:: /* input fields should not be 100% wide */ form div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div input[type="text"], form div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div input[type="password"], form div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div textarea { width: 300px; padding: 3px; font-size: 1em; } form div.s2member-pro-paypal-form-section > div.s2member-pro-paypal-form-div select { width: 300px; }

Statistics: Posted by toddz88 — April 22nd, 2011, 7:13 pm

Adjust width of input fields

2011-04-22T18:55:16-05:00

http://chicacafe.redwebtestsite.com

My login fields are too wide. Where do I shorten those?

Statistics: Posted by Magicmarker — April 22nd, 2011, 6:55 pm