Jump to content

Forum icons replacement with other icons from Font Awesome

Featured Replies

Posted

It is possible to replace the default forums icons with other new icons from Font Awesome?

I do not want to replace icons with images, I would prefer to be replaced by other models of icons from Font Awesome.

Yes, it is. :)

Yes, it is. :)

​ Perhaps OP is asking how and so explaining how might help them ?

You just change the code used via custom.css

when you have found the font-awesome icon you want to change and know what you want to change it to:

e.g. say we wanted to change the redirect arrow to the bolt icon

We find out that the css used for redirect arrow is:

.fa-arrow-right::before {

admincp >> customization >> themes >> far right of theme name click the </> icon >> css tab >> custom.css

we then add to custom.css

.fa-arrow-right::before {
    content:"\f0e7";
}

where f0e7 is the Unicode for the bolt icon (must remember to put \ before the Unicode)

that will change the redirect arrowit to the bolt icon

  • Author

Thank you very much @steve00.

Ok, but what if you want a customized font icon for each forum, not the same for all of them?

Ok, but what if you want a customized font icon for each forum, not the same for all of them?

​Not sure you can unless using an image ... here

Images are much less effective than icon font because they are not vetorial and slow the page loading time.

Unfortunately to customize and change the CSS class you will need to edit the template. You may be able to get creative with CSS elements, data-categories and inheritance if you are confident with CSS or want to learn. There are always several ways of working with CSS, just have to find what you're comfortable with :)

The built in system should be aprimorated to accept font icon, not only images. Changing the template and css could make harder the system upgrades.

Archived

This topic is now archived and is closed to further replies.

Recently Browsing 0

  • No registered users viewing this page.