[vB4] How to center postbit Username and avatar?

[Forgotten Name]

Well, yea. At the moment I did a fresh install of vBulletin.
Last time I used vBulletin was v2.0 which is AAAAAAAAAAAAGES ago.

Takes time to get it all back in my head

Anyhoo;

How can I center the username, user title and avatar to the middle of the postbit and leave the rest alone? Still using the standard postbit.css and the varity of all postbit.templates just dizzles me.

EDIT: Oh, and how to add borders around avatars? Can't get to understand that part either.

[Lynne]

Try adding this to additional.css (may have to modify for 4.0.1):

/* center avatar, username, title, rank in postbit legacy 4.0.2 */
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {text-align:center;}
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {float:none; text-align:center;}

[Forgotten Name]

Thank you, the username and avatar is now centered.

However, user title is not am not quite sure how to add that one?

[Lynne]

Do you havea link to the showthread page?

[Forgotten Name]

As in forum? It's currently closed, I'm afraid.

Not sure what to post though? Postbit.css / Postbit_legacy.php or anything?

[Lynne]

This works on 4.0.1:

/* center avatar, username, title, rank in postbit legacy 4.0.1 */
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {text-align:center;}
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img  {float:none; text-align:center;}
.postbitlegacy .userinfo .usertitle {display: block; float:none; text-align:center; clear: both;}

[Forgotten Name]

Excellent!

The EDIT still mentions that I'm looking around for a border, can you help me out on this one too?

[Lynne]

That's just a stylevar. Go into StyleVars and type "avatar" in the search box and you'll see postbitlegacy_avatar_border come up.

[v A n D a]

that work with me at 4.0.2
thanks lynne

[BorisPeace]

I'm confirming this works on 4.1.4 ^^

[tChristine]

This works on 4.0.1:

/* center avatar, username, title, rank in postbit legacy 4.0.1 */
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {text-align:center;}
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img  {float:none; text-align:center;}
.postbitlegacy .userinfo .usertitle {display: block; float:none; text-align:center; clear: both;}

Hello,

I noticed someone posted this worked on 4.1.4.

I'm on 4.1.3 and the above works *except for* the Username above the Avatar.

Any suggested tweaks on the code above?

Thanks

[Jack150464]

experienced in 4.1.7 and it worked perfectly.

[(--eRRoR--)]

i just used on my vb 4.1.7 this line in the additional.css

.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {float:none; text-align:center;}works perfect.
Thanks allot!

[cashcash]

trying it on vb4.1.10 on my customize template

[FONT=Verdana].postbitlegacy .userinfo .postuseravatar img, .eventbit .userinfo .eventuseravatar img
 {[/FONT][FONT=Verdana]     
max-width: {vb:math {vb:stylevar postbitlegacy_userinfo_width} - {vb:math {vb:stylevar padding}*2}};[/FONT]
text-align:center;
}

but doesn't work

even with this the avatar doesn't move

margin-left: 50px;

only if i use this

 margin-right: 50px;

the avatar move but it is not in center to all users

i am using right to left

language.

any idea?

[tigraki]

This works on 4.0.1:

/* center avatar, username, title, rank in postbit legacy 4.0.1 */
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {text-align:center;}
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {float:none; text-align:center;}
.postbitlegacy .userinfo .usertitle {display: block; float:none; text-align:center; clear: both;}

its working on 4.2.0 also