[Tutorial] Centering the logo.

[babjusi]

Post HTML Suite Plugin's DEMO

*** If you are looking for an affordable hosting with great support quality, click here! ***

I have come across many posts here where users have asked how to center the logo. I have answered some of them and thought it would be best to make a sort of tutorial about it so it can save a lot of time in the future to those that want to accomplish such a thing.

Anyway, here we go:

To center the default logo, find at the Header templates-header the following code:

Code:[Highlight]

<div class="logo" ><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>

and replace it with:

Code:[Highlight]

<div class="logo" style="margin:0 auto;text-align:center"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>