Icons for forum

#1 · December 31, 2016, 7:41 am

Its own icons.

Add to style.css:

#af-wrapper div[id="forum-category-2"] {
    background: #ff4500 none repeat scroll 0 0;
}
#af-wrapper div[id="forum-1"] .forum-status:before {
    content: "\f348";
}

forum-category-2: 2-id category

forum-1: 1-id forum

\f348 – icon https://developer.wordpress.org/resource/dashicons/#album

Example:

#2 · January 1, 2017, 2:39 am

I have no clue as to how to add this… would be neat though. thanks for the link.

#3 · January 1, 2017, 8:49 am

Quote from hillbillybonez on January 1, 2017, 2:39 am

I have no clue as to how to add this… would be neat though. thanks for the link.

In this file /wp-content/plugins/asgaros-forum/skin/style.css

Add:

#af-wrapper div[id="forum-category-1109"] {
    background: #ff4500 none repeat scroll 0 0;
}
#af-wrapper div[id="forum-3"] .forum-status:before {
    content: "\f231";
}
#af-wrapper div[id="forum-2"] .forum-status:before {
    content: "\f541";
}
#af-wrapper div[id="forum-5"] .forum-status:before {
    content: "\f130";
}
#af-wrapper div[id="forum-6"] .forum-status:before {
    content: "\f511";
}

Example for your forum 🙂

#4 · January 1, 2017, 6:09 pm

That worked great thanks.

#5 · April 29, 2017, 5:10 pm

Is there a way to do this with images ?

and also in sub-forums too ?

#6 · May 6, 2017, 10:03 am

Quote from arcadepunk on April 29, 2017, 5:10 pm

Is there a way to do this with images ? and also in sub-forums too ?

Try by analogy.

#7 · May 22, 2017, 3:34 am

Teste arquivos

karmarpgs has reacted to this post.

#8 · October 28, 2018, 1:30 pm

Quote from Yworld on December 31, 2016, 7:41 am

Its own icons.

Add to style.css:
#af-wrapper div[id="forum-category-2"] {
    background: #ff4500 none repeat scroll 0 0;
}
#af-wrapper div[id="forum-1"] .forum-status:before {
    content: "\f348";
}
#af-wrapper div[id=”forum-category-2″] {

background: #ff4500 none repeat scroll 0 0;

}

#af-wrapper div[id=”forum-1″] .forum-status:before {

content: “\f348”;

}
#af-wrapper div[id="forum-category-2"] {
    background: #ff4500 none repeat scroll 0 0;
}
#af-wrapper div[id="forum-1"] .forum-status:before {
    content: "\f348";
}
forum-category-2: 2-id category

forum-1: 1-id forum

\f348 – icon https://developer.wordpress.org/resource/dashicons/#album

Example:

Thank you Yworld I was looking for something like this for my business forum. I also use this forum for my gaming site as well.

I do however have a question. The first code you added. Where does that go? Does, it go in the forum and the second code you added in the Wp function?