Hello,
I wanted to give each of my forums a custom icon. In order to do so I installed the plugin;
https://community.mybb.com/mods.php?action=view&pid=457
Then I uploaded my icon to the forum/images/my-individual-folder
Then in forum index I looked for the "custom icon path" and applied the following:
{theme}/my-individual-folder/my-icon.png
It worked, however..
The icon shows up ONLY in default theme (the one that mybb is always coming with).
In other themes the icon is invisible, I have only normal "forum contains no news post" icon or "forum has new posts".
How can I make this icon appear in other themes? I don't think I can exchange my image for the image of "forum contains no new posts" icon since I want every forum to have individual icon.
Can anybody help me?
Best Regards
Ramireo
You need to change the "custom icon path" variable; {theme} gets replaced with the theme's resource directory, so it's different for every theme.
I think it's much better to make a back up of "/images" then one by one overwrite/replace the images you want to change. Having more plugins might cause to slow your forum.
Go to ACP >> Templates >> Forumbit templates >> forumbit_depth2_forum
and find....
Code:
<td class="{$bgcolor}" align="center" valign="top" width="1"><div class="forum_status forum_{$lightbulb['folder']} ajax_mark_read"title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></div></td>
Replace with:
Code:
<td class="{$bgcolor}" align="center" width="1"><img src="images/ficons/{$forum['fid']}.png" /></td>
If you want to add icons to categorys also you need to do the same for "forumbit_depth2_cat"
Now go to your FTP >> Your Forum Path >> images >> create a folder named "ficons" and upload the icon images inside it named with forum id (1,2,3 etc.)
So for a forum whose id is 4, you need to upload a file named 4.png inside /images/ficons folder...
You can check the forum or category id by right click to the default icons of your forum or category >> Inspect >> and look for """ id="mark_read_3" """
Thank you for your answer!
In theme that I am using forumbit_depoth2_cat looks a bit different.. how could I adjust your suggested settings to match the following code?
<div class="row {$bgcolor}">
<div class="col-sm-1 hidden-xs align_center"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}" data-toggle="tooltip" data-placement="bottom" style="font-size: 48px;"><i class="fa fa-comments"></i></span></div>
<div class="col-sm-6 col-xs-8" style="vertical-align: middle;"><h4 style="font-weight: bold;"><a href="{$forum_url}" title="{$forum['description']}">{$forum['name']}</a></h4>{$forum_viewers_text}{$modlist}{$subforums}<span class="smalltext hidden-xs">{$forum['description']}</span></div>
<div class="col-sm-2 hidden-xs" style="font-size: 14px; font-weight: bold; white-space: nowrap;" align="center"><i class="fa fa-comment"></i> {$threads}{$unapproved['unapproved_threads']} Threads<br />
<i class="fa fa-comments"></i> {$posts}{$unapproved['unapproved_posts']} Posts<br /></div>
<div class="col-sm-3 col-xs-4" style="text-align:right;">{$lastpost}</div>
</div>
Replace this code:
<div class="row {$bgcolor}">
<div class="col-sm-1 hidden-xs align_center"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}" data-toggle="tooltip" data-placement="bottom" style="font-size: 48px;"><i class="fa fa-comments"></i></span></div>
With the one i gave you.. and do the things i write..
Remember to clear your cache after you put the icons in your ftp.. otherwise the change will not visible to you directly.. to clear the cache do ctrl+shift+delete and tick Cached Images and files.
If all this not work paste here you forum url and let me take a look.