Feature Requests

Help make Nop-Templates products better. Share your ideas or feature requests related to the Nop Element Theme for nopCommerce.

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

This was really helpful - thank you!

Hi! is any posibility to set:
On mobile - use only "mobile css", and on desktop use only "desktop css"?

I guess with some customization in the Razor view files by checking every time if it is a Mobile device or not and include the appropriate files only you could achieve that.
But I won't rely on this as the resolutions of the devices could change and some mobile devices have higher resolution so you might need the desktop styling even for a mobile device (some tablets with higher resolution).

Yes, we resign from this. Thx.

But… maybe it's possible in future. Make something like facebook. Where we have m.facebook.com and facebook.com?