MyBB Community Forums

Full Version: Separate Font Awesome 5 icons for each category
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Themes - Add Css forumicons.css


.forums-icon {
    display: inline;
    color: #fff;
    text-align: center;
}

.forums-icon i {
    display: inline;
    font-size:13px;
    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    margin-left:-4px;
}

.forums-icon_1 i:before {
    content: "\f188";
} 

.forums-icon_2 i:before {
    content: "\f559";
}

.forums-icon_3 i:before {
    content: "\f0f3";
}

.forums-icon_4 i:before {
    content: "\f0e3";
}

.forums-icon_5 i:before {
    content: "\f005";
}

.forums-icon_6 i:before {
    content: "\f598";
}

.forums-icon_7 i:before {
    content: "\f0f3";
}

.forums-icon_8 i:before {
    content: "\f58b";
}

.forums-icon_9 i:before {
    content: "\f557";
}

.forums-icon_10 i:before {
    content: "\f004";
}	

forumbit_depth1_cat - Find

{$forum['name']}

replace with 

<div class="forums-icon forums-icon_{$forum['fid']}"><i class="fas fa-"></i></div> {$forum['name']}

icons are not shown  add fid tag in link bar

.forums-icon_fid i:before {
    content: "\f004";
}	



Headerinclude Add


<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">



for a better mybb
Thank you for sharing!
Greets,
blongso
thank you for the tutorial