Square - Change the text logo to an image?

[Smokey]

So in the theme I'm using, it currently uses a text based logo, that's by all means fine, but I have a logo I would like to use instead. :

Also, is there a way to have separate logos per forum?

[effone]

in your 'header' template find:

<div class="logo" original-title=""><div class="logo2" original-title=""><i class="fa fa-cube fa-fw" original-title=""></i></div> Nucleus</div>

replace with

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

Upload your 'logo.png' inside theme image folder.

[Smokey]

That worked, but it seems the logo is up too high? how would I fix this?

https://www.nucleusboards.net/index.php

[Harry K.]

You will need to crop your logo down, it has a lot of transparent background underneath the actual text.

[Smokey]

I did that and it put the image up even higher.....not what I wanted for the effect.....

[.m.]

wrap your logo code (from post #2) with <div class="logo"> & </div>

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

then it will be easy to control position of the logo image through related style properties.

[effone]

He just need to do the control by css:

.logo img{
width: 50px;
/* bla bla */
}