[For 1.8] Square theme

[eNvy]

xpsamp.com/forum

Ok, first the logo

ACP > Templates & Styles > Templates > Square templates > Header group templates > open header template

Search this:

<div id="header">
		<div class="wrapper">
          	<div class="logo"><div class="logo2"><i class="fa fa-cube fa-fw"></i></div> {$lang->xstyled_logo}</div>
          	<div class="menu">
              	<ul>
                  	<li><a href="{$mybb->settings['bburl']}/index.php"><i class="fa fa-comments fa-2x"></i><br />{$lang->xstyled_index}</a></li>
                  	<li><a href="{$mybb->settings['bburl']}/search.php"><i class="fa fa-search fa-2x"></i><br />{$lang->xstyled_search}</a></li>
                  	<li><a href="{$mybb->settings['bburl']}/memberlist.php"><i class="fa fa-users fa-2x"></i><br />{$lang->xstyled_members}</a></li>
                  	<li><a href="{$mybb->settings['bburl']}/calendar.php"><i class="fa fa-calendar-o fa-2x"></i><br />{$lang->xstyled_calendar}</a></li>
                	<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><i class="fa fa-question-circle fa-2x"></i><br />{$lang->xstyled_help}</a></li>
              	</ul>
          	</div>
		</div>
	</div>

Replace with this:

<div id="header">
		<div class="wrapper">
          	<div class="logo"><img src="path to your custom image" alt="" /></div>
		</div>
	</div>

You need to change this

src="path to your custom image"

And insert the path where you have your own image uploaded (If you upload your image inside the folder of the theme, simply put "images/square/nameofyourimage.extension", example:

src="images/square/mylogo.png"

Now go to ACP > Templates & Styles > Styles > Square > and open Square.css

Search this:

.logo {
  	float: left;
  	font-family: 'Exo 2', sans-serif;
  	font-size: 72px;
  	font-weight: 400;
  	color: #FFFFFF;
  	margin-top: 40px;
  	transition: all 0.5s ease;
}

Replace with this:

.logo {
  	text-align: center;
  	margin: 40px auto 0 auto;
  	padding: 0px;
}

If you make all fine, you will have your custom image centered.

Now think where you want to put your menu and the user menu.