[YOuNeS_Dz]

hi
well today i want to know how to change mybb forum icone for No new posts and New posts  icons..

thanks for reading!!!

[Mashiro]

Why not use a proper title? Like, ehm, how about "How to change MyBB forum icons for No new posts and New posts?".

Anyway. Take a look at the image by right clicking at it and copy the link. Open the copied link. You will see the exact path of where that image is and its name. Find it on your server and replace it with your own image.

If the theme uses CSS font icons you have to look into the CSS of the theme in Admin CP and find the classes responsible for the icons. Then you have to edit the code and change it so that it shows your icon instead of the CSS font icon.

[arsalahmed786]

You can use Mybb official forum there a lot of people had the same situation and senior member/staff already answered.

You can find icons "ACP >> Templates >> Forumbit templates >> forumbit_depth2_forum"

This (#4) reply hopefully helpful for you. https://community.mybb.com/thread-160518...pid1107253
Or there is plugin as well: https://community.mybb.com/mods.php?action=view&pid=457

[deanhills]

I'd say it is quite simple. Check your mybb images folder to locate the images of the icons that are already there, and then replace them with the new icons by using FTP. Make sure not to change the names of the icons. Just copy the icons with the ones you prefer and call them the same name so they overwrite the icons that are already there. You'll then have to wait a while and be patient as in my experience sometimes it takes a little time for the change to take effect.

[YOuNeS_Dz]

well thanks for your reply.. i'm using paid theme.(funkyone) iandrew's not responding to my msgs.. and i want to use my own icons..
i want to  make it like that
for no posts icon.. and for posts another icon.. same to locked one..
any solution ??
here is my forum forumbit_depth2_forum + forumbit_depth2_cat ...

PHP Code: (Select All)

<td class="trow1" align="center" width="1"><div class=" forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><i class="fa fa-folder-o"></i></div></td> 


...

[deanhills]

well thanks for your reply.. i'm using paid theme.(funkyone) iandrew's not responding to my msgs.. and i want to use my own icons..
i want to  make it like that
for no posts icon.. and for posts another icon.. same to locked one..
any solution ??
here is my forum forumbit_depth2_forum + forumbit_depth2_cat ...

PHP Code: (Select All)

<td class="trow1" align="center" width="1"><div class=" forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><i class="fa fa-folder-o"></i></div></td> 


...

I still think the simplest solution and one I'd have followed would be to locate where the current icons are that you want to replace.  There should be an images folder among the files.  Once you've found the icons, then replace them with your new icons with the exact same names.

[YOuNeS_Dz]

Well to be honest with you.. iAndrew using advanced things.. and there's no icons :< ... "fa fa-folder-o" is the icon ... but i need to use my own icon :<..
how to do that ?? any one know how ??

[Mashiro]

I'll mention it again . You need to have a look at the CSS of the theme and modify the code there. This can be done in MyBB Administration Control Panel where the styles/themes are. When you click on a style/theme the settings will open and at the top of the settings is a list of CSS files attached to the style/theme. I would look around in global.css and etc to see if you can find the corresponding CSS code for the forum icons. Once you've found it you have to modify it the way you want the icons to be.

You will need knowledge with CSS designs and also how to use webfont icons.

[YOuNeS_Dz]

i send you how the code looks like: code

<td class="trow1" align="center" width="1"><div class=" forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><i class="fa fa-folder-o"></i></div></td>

and i don't know much about CSS :<
anyway i need to change only icon.. send me code if you can ??

[tiwil]

fa fa-folder-o is font awesome's icon, you can modify fontawesome CSS file (if it downloaded to your web hosting files, sometimes designer use CDN) or creating your own icon.

---

Btw, maybe you want to replace <i class="fa fa-folder-o"></i> with <img src="icon here" />, it should be work, but not really perfect, because of the size, sometimes.