Forum breadcrumbs - You are here:Asgaros Support ForumTips & TricksIcons for forum
Please or Register to create posts and topics.

Icons for forum

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:

 

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

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 🙂

That worked great thanks.

Is there a way to do this with images ?

and also in sub-forums too ?

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.

Teste arquivos

karmarpgs has reacted to this post.
karmarpgs
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";
}
  1. #af-wrapper div[id="forum-category-2"] {
  2. background: #ff4500 none repeat scroll 0 0;
  3. }
  4. #af-wrapper div[id="forum-1"] .forum-status:before {
  5. content: "\f348";
  6. }
#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?