Postbit User Info. and Profile Centering

[Amaury]

Is it possible to center these?

[mokujin]

Try this, edit your template postbit_legacy
Change

<div class="username_container">

by

<div class="username_container" style="text-align: center">

[Amaury]

Originally Posted by mokujin

Try this, edit your template postbit_legacy
Change

<div class="username_container">

by

<div class="username_container" style="text-align: center">

That only got the username. I also want the rank, reputation, and avatar centered.

Also, how about on profiles?

[WorldCraft]

To center the Username, title and rank, add this css to this h1 element:

<h1 style="text-align:center;" class="blocksubhead prof_blocksubhead">

The edit pencil may off-center the username so you may need to move that up or somewhere.

To center the profile pic.

You'll need to add a new div around {vb:raw blocks.profile_picture} and center it like so:

<div text-align:center;">{vb:raw blocks.profile_picture}</div>

[Amaury]

Originally Posted by WorldCraft

To center the Username, title and rank, add this css to this h1 element:

<h1 style="text-align:center;" class="blocksubhead prof_blocksubhead">

The edit pencil may off-center the username so you may need to move that up or somewhere.

To center the profile pic.

You'll need to add a new div around {vb:raw blocks.profile_picture} and center it like so:

<div text-align:center;">{vb:raw blocks.profile_picture}</div>

I tried searching for the H1 element, but it didn't find it.

[WorldCraft]

Try searching prof_blocksubhead

[Amaury]

Originally Posted by WorldCraft

Try searching prof_blocksubhead

It's still not finding it.

postbit_legacy template, right?

[WorldCraft]

For profile page? It's in MEMBERINFO template.

[Amaury]

Originally Posted by WorldCraft

For profile page? It's in MEMBERINFO template.

I thought you were helping me with the postbit part where I also want it centered.

Also, I got it, but they seem to be off. The rank isn't centered under the username.

[WorldCraft]

It will be centered for normal users. The reason why it looks not centered is because of the edit pencil next to the username for mods and admins. You can move that somewhere else on the template if you wish.

For postbit_legacy find

			<div class="username_container">
			<vb:if condition="$post['userid']">
{vb:raw memberaction_dropdown}
{vb:raw post.onlinestatus}
			<vb:else />
<span class="username guest">{vb:raw post.musername}</span>
				</vb:if>
			</div>
			<span class="usertitle">
				{vb:raw post.usertitle}
			</span>
			<vb:if condition="$post['rank']">
				<span class="rank">{vb:raw post.rank}</span>
			</vb:if>
			{vb:raw template_hook.postbit_userinfo_left}
			<vb:if condition="$show['reputation']">

				<span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}" title="{vb:raw post.username} {vb:raw post.level}">
					<vb:each from="reputationdisplay" value="row">
						<img class="{vb:raw row.class}" src="{vb:stylevar imgdir_reputation}/reputation_{vb:raw row.posneg}{vb:raw row.imgext}" alt="" />{vb:raw row.rowend}
					</vb:each>
				</span>

			</vb:if>

Add <div style="text-align:center;"> </div> around the code above

Find

<a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">

Add style="float:none;text-align:center;" to this element