MyBB Community Forums

Hello! I am trying to align my header image to center in Square Theme. Here is my modified header template:

<div class="scrolltotop"><i class="fa fa-caret-up fa-2x"></i></div>

<div id="container">

	<div id="header">
        <img src="http://media.dcodingtheweb.com/logo.png" alt="Dcoding The Web">
	</div>
  
	<div id="panel">
  		<div class="wrapper">
			<div class="news">
				<div class="announcements"><i class="fa fa-microphone fa-2x"></i></div>
					<div class="automsj">
						<ul>
                          	<li class="quotes">This forum is currently under construction</li>
						</ul>
					</div>
			</div>
        	<div class="usersection">
				{$welcomeblock}
        	</div>
		</div>
	</div>
      
		<div id="content">
			<div class="wrapper">
              	<br />
              	<navigation>
				{$pm_notice}
				{$bannedwarning}
				{$bbclosedwarning}
				{$unreadreports}
				{$pending_joinrequests}
				{$awaitingusers}
				<br />

It currently looks this:


Thanks in Advance

you can add #header {text-align: center;} at the bottom of global.css of the square theme

theme's style sheets should be edited through themes section of forum admin panel (# guidance)
edit global.css in advanced mode and remember hard refreshing browser (eg. press CTRL + F5) after saving changes

Thanks!