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:
Code:
.logo-image {
float: {vb:stylevar left};
}
Change it to
Code:
.logo-image {
text-align: center;
}
----------------------------------------------------------------------------------------
Then,go to the
header template and find:
Code:
<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:
Code:
<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.