hi there Frosticek,

The BO Manager allow to require a phone number upon user registration. Then this phone number appears with the label 'Cell Phone' under the user account settings.

I would like to rename the label (which appears in the user account settings) from 'Cell Phone' to something else. How can I do this?

Thanks!

hi, found it: user profile

@osclassics
Cool

Frosticek,

I have one more question, how can I pad the textfield for 'Cell phone' a little bit to the right in User Registration page? Because it its aligned to the left and I would like to move it a bit to the right. I am trying to find where to edit the CSS, but can't find it.

Am I looking in the right direction?
Cheers!

@osclassics
http://www.w3schools.com/css/

#selector {padding-left:5px;}

@osclassics
http://www.w3schools.com/css/

Code: [Select]

#selector {padding-left:5px;}

But does this go in the BO Mgr css or the OsClass main.css?

@osclassics
Probably you want to give it to theme css file.

@osclassics
Probably you want to give it to theme css file.

Hi Frosticek,  the problem is that the layout of my main.css looks horrible (I have never touched it, always been that way. Still on OsClass version 3.5.3 due to module dependencies) and whatever I do, the alignment of the required fields is not affected.

I have PM-ed you the URL of my dev site so if you could have a peek, that would be great!

@osclassics
Then create new css file, i.e. custom.css where you will put own custom styles so whenever you update theme or osclass, this file will not be touched because it does not exist in original theme files.

Hi there,

The user registration form is currently as you can see in the below image.

All the custom required fields from BO Manager need to be neatly aligned to the red line.

Many thanks for your support.

@osclassics
Add following to your stylesheet:
.form-horizontal div:not(.control-group) .select-box, .form-horizontal #s_phone_mobile, .form-horizontal #s_website { margin-left: 20px; margin-bottom: 15px; }
.form-horizontal label {clear:both;}


@osclassics
Add following to your stylesheet:

Code: [Select]

.form-horizontal div:not(.control-group) .select-box, .form-horizontal #s_phone_mobile, .form-horizontal #s_website { margin-left: 20px; margin-bottom: 15px; }
.form-horizontal label {clear:both;}


Terrific. Thank you.

@osclassics
Welcome