MyBB Community Forums

May i know how to change the forum icon in the custom theme ?
I can add the icon , but the old icon have still remain they .
i want to change the icon to Light Orb Forum Icon Sprite .

Here is my current global.css code .

.forum_status {
height : 30px;
width : 30px;
font-size : 20px;
text-align : center;
color : #FFF;
margin-left : 7px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.forum_status_mobile {
text-align : center;
color : #FFF;
text-transform : uppercase;
padding : 3px 4px;
font-size : 9px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.forum_status i{
display : inline-block;
line-height : 30px;
}

.forum_on, .forum_on_mobile {
background : #4da6ff;
border : #4da6ff solid 2px;
}

.forum_off, .forum_off_mobile, .forum_offlock, .forum_offlink {
    background: #fff;
    color: #5b82a4;
    border: #5b82a4 solid 2px;
    cursor: pointer;
}

.forum_offlock_mobile {
background : #C31111;
}

.forum_offlink_mobile {
background : #29B12A;
}

.forum_off i, .forum_offlock i, .forum_offlink i {
opacity : 0.800000011920928955078125;
}

.forum_offlock i:before {
content : "\f023";
}

.forumsubscriptions.off:before {
font-family : 'FontAwesome';
font-size : 15px;
content : "\f023";
}

.forum_offlink i:before {
content : "\f0c1";
}

div[id^="mark_read_"] {
padding-right : 0;
padding-left : 0;
}

.subforumicon {
height : 10px;
width : 10px;
display : inline-block;
font-size : 14px;
}

.subforum_minion {
color : #4da6ff;
font-weight : 700;
}

.subforum_minioff, .subforum_miniofflock, .subforum_miniofflink {
color : #8f98a3;
}

.subforum_miniofflock i:before {
content : "\f023";
}

.subforum_miniofflink i:before {
content : "\f0c1";
}