MyBB Community Forums

Current Theme: Edited version of Ignite
Mybb Version: 1.8.10


I've recently changed the forum icons on my forum under the template, forum_depth2_forum. The edited version of the theme I am using (Ignite) was using FontAwesome icons, that don't really have a lot of customisations or versions. I decided to use custom images that I would upload onto my server, under F_Icons.

They worked partly, but only for forums that had no new posts in them, like so
(left how it actually looks, right how it's suppose to look):



The next thing that occured when changing the forum_depth2_forum template, is my threads and posts count were no longer center and missing the titles, like so:

How it's suppose to look:



How it actually looks:


Here is the default Ignite forum_depth2_forum code:

<tr>
<td class="{$bgcolor}" align="center" width="1"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><i class="fa fa-commenting"></i></span></td>
<td class="{$bgcolor}">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor}" align="left" style="width: 80px;"><span class="smalltext">
    Theads: {$threads}{$unapproved['unapproved_threads']}<br />Posts: {$posts}{$unapproved['unapproved_posts']}</span></td>
<td class="{$bgcolor}" align="center" style="white-space: nowrap"></td>
<td class="{$bgcolor}" align="left" style="width: 220px;">{$lastpost}</td>
</tr>

Here is my edited forum_depth2_forum code:

<tr>
<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="/F_Icons/icon_{$forum['fid']}_{$lightbulb['folder']}.png" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" />
</td>
<td class="{$bgcolor}" valign="top">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>

To get the whole view of the problem, here are the screenshots of my website:

Edited Ignite theme (without forum icons changed, normal thread names)
http://i.imgur.com/rUNlWT2.png

Edited Ignite theme (with forum icons changed, broken thread names)
http://i.imgur.com/d6Q6Bhs.png


Any help is much appreciated, and I thank you.

Bumping.