swissy wrote:Is there a way to set the maximum width on the text boxes on the registration and customer info pages?
They look good for mobiles but on a computer it's just ridiculous - the text box takes up the entire screen!
And the boxes behind the radio buttons for gender look quite silly too - they are so wide on a computer screen. I don't want to mess up the css but would love to make these pages look nicer.
Any thoughts?
Hi,
you can't do that out of the box but it is achievable with a little extra css. No need to modify your files, just go to the "custom head styles" panel in your theme administration and paste this code there:
.registration-page .form-fields,
.account-page .form-fields,
.account-page .edit-address {
max-width: 500px;
}
.registration-page .inputs,
.account-page .inputs {
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
}
You can edit the max-with value (which is 500px in this example) to whatever you like. Please keep in mind that this type of layout is not a part of the theme so it's untested and if you experience any side effects you have to fix it on your own.
Regards