Edit Profile Content Box Width

[tunescool]

i cant get these and the Badges I Have

.edit-user .content-box.warning-notes { width: 500px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.staff-notes { width: 500px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.badges { width: 650px; border: 2px solid #00138E; margin: 10px; padding: 10px; }


and the default bbcode

Attachments:

[tunescool]

Brian

someone moved this here, its done with css, can someone help

[Aaron]

Removed.

[tunescool]

that didnt work so well, it changed my summary, my main table is screwed up, and it moves alot of stuff around. and none of what i wanted changed

Personal
Social
Settings
Privacy
Notifications
Staff

[Aaron]

Try the updated code I posted.

Are you able to modify those pages in the template files?

If so, add this to the main divs:

style="width: 500px;"

[tunescool]

that just changed the width of the summary, i already did that with the css in my first post

i want to change the width of these tabs only, im pretty sure you cant change just those tabs only in the template. if you could i still would rather do it with css

Personal
Social
Settings
Privacy
Notifications
Staff

[Aaron]

I wish you would have said tabs from the start - you stated one issue you were having (width of boxes), so I assumed you were trying to change the widths of boxes on each of those pages... Please be more specific when asking for help. Your last question is perfect.

ul.ui-helper-clearfix li:nth-child(2) {
    width: 100px;
}

Add more ul.ui-helper-clearfix li:nth-child(2) but change the number to the tab you want to change. For example, the following will affect tabs 2 and 3 (Personal and Social):

ul.ui-helper-clearfix li:nth-child(2), ul.ui-helper-clearfix li:nth-child(3) {
    width: 100px;
}

[tunescool]

i followed the edit one and got the width of the content boxes in those tabs

.edit-user .content-box.personal { width: 650px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.social { width: 600px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.settings { width: 600px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.privacy { width: 600px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.notifications { width: 600px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.staff { width: 600px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
but i cant get these and the Badges I Have

.edit-user .content-box.warning-notes { width: 500px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.staff-notes { width: 500px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.badges { width: 650px; border: 2px solid #00138E; margin: 10px; padding: 10px; }


[Tim Camara]

Be aware that nth-child doesn't work for Internet Explorer 8 and earlier.

[tunescool]

i still nedd all of this

i cant get these and the Badges I Have

.edit-user .content-box.warning-notes { width: 500px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.staff-notes { width: 500px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.badges { width: 650px; border: 2px solid #00138E; margin: 10px; padding: 10px; }


and the default bbcode

by default 2013-03-23 at 8.14.27 AM.jpg

Apr 14, 2013 4:46:44 GMT -8 tunescool said:

i followed the edit one and got the width of the content boxes in those tabs

.edit-user .content-box.personal { width: 650px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.social { width: 600px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.settings { width: 600px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.privacy { width: 600px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.notifications { width: 600px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.staff { width: 600px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
but i cant get these and the Badges I Have

.edit-user .content-box.warning-notes { width: 500px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.staff-notes { width: 500px; border: 2px solid #00138E; margin: 10px; padding: 10px; }
.edit-user .content-box.badges { width: 650px; border: 2px solid #00138E; margin: 10px; padding: 10px; }