MyBB Community Forums

Full Version: Font awesome icons
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello.. 
I have igame theme.the owner of theme said that Font awesome are ready.. what should I do to change the icons? 
My forum link:https://anonshare.eu/index.php
FA Icons are defined by CSS classes with a content parameter that represents the character/icon of that font.

So just find the class of the icon you want to replace and change the class name to another name.
E.g. your Forum icons (circles) are classed like:
<i class="fa fa-circle-o" aria-hidden="true" original-title=""></i>

Replace the "fa-circle-o" by another class for another icon.
Of course you need to know the class name for different icons. In doubt, check the FA documentation.

[ExiTuS]
If the previous suggestion is found to be too difficult or tedious you could simply install this: https://community.mybb.com/mods.php?acti...w&pid=1259 since igame uses fontawesome 4



Since your igame theme has custom forumbit template modifications ie: forumbit_depth2_cat, forumbit_depth2_forum you will need to revert those templates to default before installing the plugin and also remove any other font-awesome include say for example in headerinclude if already present in the theme. if you don't revert them you would have to manually insert the plugin calls and that is explained on the plugin mods page.

* note: If you are using this with https://community.mybb.com/mods.php?action=view&pid=916 install it first after reverting the templates mentioned above, then install the myfontawesomeicons plugin after

Ok in igame headerinclude find:

<script src="https://use.fontawesome.com/d4e09fbff1.js"></script>



Replace with:
<link href="{$mybb->asset_url}/inc/plugins/myfontawesomeicons/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!--<script src="https://use.fontawesome.com/d4e09fbff1.js"></script>-->


Final thing is to get the on status icon the correct hex color for the theme from #0094d1 to #3f9889 and that is simply done by editing the css file tied to the theme.

[Image: Screenshot-20200106-142350-Firefox.jpg]

[Image: Screenshot-20200106-142431-Firefox.jpg]

[Image: Screenshot-20200106-142437-Firefox.jpg]
*any other hex changes needed if found to be needed can be done in the same way


That should get the plugin installed and working for that theme, now you can change forum specific and mini forum specific fontawesome icons via editing forum specific forum settings

[Image: Screenshot-20200106-140946-Firefox.jpg]

[Image: Screenshot-20200106-143123-Firefox.jpg]


Final note: while these instructions are specific to fa 4 and specific to the igame theme, the instructions are fairly similar to any theme already using fa 4 and the standard instructions are found on the the plugin mods site page. Now while the instructions would also be similar for a theme using fa 5 icons a different plugin is required https://community.mybb.com/mods.php?action=view&pid=909  as the plugin and library and icon calls are different and the specific instructions for that can be found on that plugins mods page also.
thank you @vintagedaddyo
i didnt revert those to template ,thats why it didnt work..
now it work.
(2020-01-07, 06:56 PM)Mastersly Wrote: [ -> ]thank you @vintagedaddyo
i didnt  revert those to template ,thats why it didnt work..
now it work.


Cool beans, glad you got it all sorted out. Oh, also make sure to read in my previous response about modifying hex coloring so that you can start matching the plugin on / off forum and sub mini icon styling to your specific theme Smile