Quote from Asgaros on April 22, 2020, 3:21 am

Hello @pjeanmaire

You can find a few examples on how to change specific forum-icons here:

https://asgaros.com/support/topic/icons-for-forum/

Quote from philJ on April 22, 2020, 4:19 am

Hello Asgaros,

Thanks for the link.  The link is about changing icon for a forum.  What I am trying to do is change the icon for all the topics within one forum.

Based on the example from the link and inspection of elements I have tried the following CSS code:

/* FAQ topic icon */
#af-wrapper div[id="content-container-forum-2"] .topic-status:before {
    content: "\f330";
}

but it does not quite give the expected result.  I have “\f330” that show on each topic line and the standard icon is still there.

Is there a way to make it work?

Quote from Asgaros on April 27, 2020, 3:28 am

Hello again @pjeanmaire

Please try it again with the following code:

#af-wrapper div[id="content-container-forum-3"] .topic-status i:before {
    content: "\f330" !important;
}

 

Quote from philJ on April 27, 2020, 6:35 am

Thanks @asgaros,  althought it did not work, it was close and you put me on the right track.

After checking https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements the following code works and looks great on https://www.taoperf.com/main-menu/forums/forum/lithium-batteries/ 

#af-wrapper div[id="content-container-forum-3"] .topic-status i:before {
  content: "\f5df" !important;
  font-family: Font Awesome 5 Free !important;
  font-weight: 900;
}

Just a note for others who may read this thread:

• “….forum-3” needs to match your forum id
• \f5df needs to be changed to  be the unicode for the font awesome icon you want to use (see the font awesome cheatsheet: https://fontawesome.com/cheatsheet )

a BIG THANK YOU

Quote from Thierry on July 8, 2021, 9:58 am

Hi

Thanks for this css, it works.

But…

Is there a simple way to get topics icons be the same as the one defined for each forum and not the default one?

When you define an icon for a forum, I think it would be “natural” to get the same icon for each topic inside that forum.

Of course, I can extend the above css to all forums…

Kind regards

Thierry