[SOLVED] How to increase the Length of Field?

[SuperDuper]

Hello,

I just want to increase the Length of each field.
The red box of the picture shown the preferred length(see Attachment) of the field.
Could anyone teach me how to achieve?

Thanks a lot.

[SuperDuper]

Anyone help??

[shokinro]

I only know that it should be change at global.css under your theme. But I tried, it seems not working. I am not good at style sheet, maybe I did in a wrong place.

I am also very curious on this. Hope some one could give an answer!

[SuperDuper]

I only know that it should be change at global.css under your theme. But I tried, it seems not working. I am not good at style sheet, maybe I did in a wrong place.

I am also very curious on this. Hope some one could give an answer!

Thanks for your help.
Hope anyone can solve it.

[rocky]

Try changing lines 1387-1390 of css/global.css in your theme's directory from:

form#account-creation_form input.text, 
form#account-creation_form #id_country, 
form#account-creation_form #id_state, 
 #authentication textarea { width: 17em }

to:

form#account-creation_form input.text, 
form#account-creation_form #id_country, 
form#account-creation_form #id_state, 
 #authentication textarea,
  #address form input.text { width: 17em }

[shokinro]

I just checked it my tested site, it works great. Thanks Rocky.

But your code didn't change length, I just changed from 17em to 25em.

[SuperDuper]

Try changing lines 1387-1390 of css/global.css in your theme's directory from:

form#account-creation_form input.text, 
form#account-creation_form #id_country, 
form#account-creation_form #id_state, 
 #authentication textarea { width: 17em }

to:

form#account-creation_form input.text, 
form#account-creation_form #id_country, 
form#account-creation_form #id_state, 
 #authentication textarea,
  #address form input.text { width: 17em }

Yes, it's work in the Create account page!
but I also want applying to "My Account" > "My addresses" > "Update".
How can I achieve?
Thanks a lot!!

[rocky]

That's what the #address form input.text part is for. It should apply the same width to the fields when you click My Account > My Addresses > Update.

[SuperDuper]

Hi rocky,

Thanks for your help.
but the length of the fields of “My Account” > “My addresses” > “Update”. are still as same as my attachment on the top.
I have already changed the global.css to

form#account-creation_form input.text, 
form#account-creation_form #id_country, 
form#account-creation_form #id_state,   
#authentication textarea,   
#address form input.text { width: 25em } 

as you teach me.
(only the length of fields of "create account" can be increased to 25em)

Please help, thank you so much!

[rocky]

You're right. I made a mistake in my code. Try the following instead:

form#account-creation_form input.text,
form#account-creation_form #id_country,
form#account-creation_form #id_state,
  #authentication textarea,
  #address form p.text input { width: 25em }

[SuperDuper]

Hi rocky,

Fantastic! it's really works.
You are so helpful.

There is the final problem of this issue
I also want to increase the length of "Additional information" to 25em of
“My Account” > “My addresses” > “Update”.
(Please see attachment)

Then it will be very well!
Thank you again.

[rocky]

Try:

form#account-creation_form input.text,
form#account-creation_form #id_country,
form#account-creation_form #id_state,
  #authentication textarea,
  #address form p.text input,
  #address form p.textarea textarea { width: 25em }

[SuperDuper]

I did it!!
Thanks rocky.

[sOLVED]