How do i put my forum banner in center? This is the code of my header:
<div id="container"> <a name="top" id="top"></a> <div id="header"> <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div> <hr class="hidden" /> <div id="panel"> {$welcomeblock} </div> </div> <hr class="hidden" /> <br class="clear" /> <div id="content"> {$pm_notice} {$bannedwarning} {$bbclosedwarning} {$unreadreports} <navigation> <br />
Thanks in advance!
find this
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
Replace it with this
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><center><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></center></a></div>
(2010-04-05, 06:29 AM)alirex Wrote: [ -> ]find this
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
Replace it with this
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><center><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></center></a></div>
Thanks
Doesn't work, i messed up my whole theme with doing that
Put the original code back and go into the global.css for this theme. Find .logo or #logo and if it has an alignment code inserted change it.
Revert your header template to default, it shouldn't be displaying like it is in your first post.
I fixed my forum again but how i can put my banner in center now?
Go into the theme editor in admincp. Edit the global.css and go advanced mode.
Add this to the end and save it.
.logo {text-align:center;}
That's it.
Labrocca ur command used to work for me but yesteday my theme was normal and it got auto changed today and i re-uploaded my theme on mybb but the problem is when i use that commmand .logo... it doesn't work anymore
know any other possible solutions?
link to your site please?
Cheers for the pm,
at the bottom of global.css add:
.logo{
margin-left:auto;
margin-right:auto;
text-align:center;
}
Added it at the bottom of global.css and it still doesn't work, got any other ideas how to fix?