How To Center Your Logo (tutorial)

[mandingo]

I've seen a few people asking this so I'm going to lay out how I did mine:
---------------------------------------------------------------------------------------
1. Go into vbulletin-chrome.css
and find:

.logo-image {
        float: {vb:stylevar left};
}

Change it to

.logo-image {
        text-align: center;
}

----------------------------------------------------------------------------------------
Then,go to the header template and find:

<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>

Change it to:

<div style="float: left; width: 825px;">
<div style="width: 300px; margin-left: auto; margin-right: auto;"><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></div>

Adjust the numbers in red until you get the desired results,you can move it anywhere from right to left.
------------------------------------------------------------------------------------------
There is probably an easier way to do this with a little less code,but it works.I will update as better code is posted.