[Forum] Center Rep Blip on User Profiles

[MrMatthewAllen]

Hi there! I'm in the process of changing the order of some of the user profile information (not to be confused with user postbit information). I've managed to get it all in the order I want and I have it all centered, save for the reputation blip. No matter what I do I can't seem to figure out how to get it centered. I'm sure I'm just overlooking some simple code I need to type in. Would appreciate any help!

Here's the code as it is now:

<center><span id="userinfo"><br />
                        <span class="member_username">{vb:raw prepared.musername}</span>
                        <vb:if condition="$prepared['usertitle']">
                            <br />
                            <span class="usertitle">{vb:raw prepared.usertitle}</span>
                        </vb:if>
                        <vb:if condition="$show['reputation']">
                            <br />
                            <span class="member_reputation" title="{vb:raw prepared.username} {vb:raw prepared.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>
                            <br />
                        </vb:if>
                    </span></center>
                </h1>
                <div id="userinfoblock" class="floatcontainer">
                    {vb:raw blocks.profile_picture}


                        <center><vb:if condition="$prepared['rank']">
                            <span class="customrank">{vb:raw prepared.rank}</span>
<br /><br />
                        </vb:if></center>

[Maurd]

For what it's worth, the <center> tag is deprecated and shouldn't be used.

Try adding this to your additional.css template:

#sidebar_container.member_summary .member_reputation { display: block; text-align: center; }
#sidebar_container.member_summary .member_reputation img.repimg { float: none; }