MyBB Community Forums
[dark1.8] Replacing Font Awesome icons with custom images - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: [dark1.8] Replacing Font Awesome icons with custom images (/thread-161608.html)



[dark1.8] Replacing Font Awesome icons with custom images - Nebulon Ranger - 2014-10-21

I'm modifying DevilKing's Dark1.8 theme for my own board (Link, nothing illegal here Wink ), and I want to replace two of the Font Awesome forum icons (what would have been on.png and off.png in 1.6 specifically, the other two can stay), however I can't find anything in the CSS that points to where these two icons would be changed, and as you can see by the on icon, attempting to edit .forum_on in global.css just turns the icon white. The icons I want to place there can be found here and here.

I know I should make a sprite sheet for these, but that implies the FA icons had been replaced already, which they haven't, as you can see. This leads to the obvious question of how to replace them. Toungue


RE: [dark1.8] Replacing Font Awesome icons with custom images - Eric - 2014-10-21

You should be able to use this code:

.forum_on {
    background: url(http://www.zejroleplaying.org/images/dark1.8/on.png) no-repeat center center;
}

.forum_off {
    background: url(http://www.zejroleplaying.org/images/dark1.8/off.png) no-repeat center center;
}

.forum_on i, .forum_off i {
    display: none;
}

Try adding those to the bottom of your CSS file, I believe it should work.


RE: [dark1.8] Replacing Font Awesome icons with custom images - Nebulon Ranger - 2014-10-21

That did it, thanks Eric!