Postbit User Info. and Profile Centering

[Amaury]

Originally Posted by 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

Perfecto.

[WorldCraft]

You can nudge the username a bit to the right by finding

<div class="username_container">

and add

style="position:relative;left:5px;"

[Amaury]

Last question for this thread: How do I also center the reputation on profiles?

[WorldCraft]

Find

<span class="member_reputation" title="{vb:raw prepared.username} {vb:raw prepared.level}">

Add

style="text-align:center;"

Also I notice you use Firefox. I highly recommend you download the Addon Firebug. It helps when trying to find classes and ID's for elements you're trying to make edits to.

[Amaury]

Originally Posted by WorldCraft

Find

<span class="member_reputation" title="{vb:raw prepared.username} {vb:raw prepared.level}">

Add

style="text-align:center;"

Also I notice you use Firefox. I highly recommend you download the Addon Firebug. It helps when trying to find classes and ID's for elements you're trying to make edits to.

Thank you!

Regarding Firebug, I actually do have it (currently disabled), but I'm not really an expert with it.

I rarely use it, but when I do, I can only do simple things, such as if I wanted to, say, make sub-forums red, but keep the forum listings on the index blue.

--------------- Added 12/9/2012 at 8:05 PM ---------------

The reputation bar remained on the left.

[WorldCraft]

Try this, find

<img class="{vb:raw row.class}" src="{vb:stylevar imgdir_reputation}/reputation_{vb:raw row.posneg}{vb:raw row.imgext}" alt="" />

Add

style="float:none;"

[Amaury]

Originally Posted by WorldCraft

Try this, find

<img class="{vb:raw row.class}" src="{vb:stylevar imgdir_reputation}/reputation_{vb:raw row.posneg}{vb:raw row.imgext}" alt="" />

Add

style="float:none;"

That worked, thanks.

You've been such a great help!

[WorldCraft]

You're very welcome. Glad I could help. Let me know if there's anything else you have trouble with.

[Amaury]

Originally Posted by WorldCraft

You're very welcome. Glad I could help. Let me know if there's anything else you have trouble with.

I definitely will.

[Amaury]

New question, World Craft.

I just noticed a day or so ago that usernames were overlapping with the status circle a bit in the postbit user information area, too.

How would I apply the solution you provided me below this post in the other thread for the postbit user information area?