Change Default FA Icons

XF 2.1 Change Default FA Icons

Message read:

Change Default FA Icons-1.webp


Message not read:

Change Default FA Icons-2.webp


To change a single icon with a different icon add this code in your extra.less template:

Code:
You must log in to view
(14 lines)

Change the ID code to yours!

If your node is a category, page or link, change: .node--forum to: .node--category, .node--page or to: .node--link

To change the Font Awesome icon of the template, edit this code: dot-circle

To add a different Font Awesome icon for an unread node, add for example: .m-faContent(@fa-var-exclamation-circle); under this code: .node-icon i:before {

To change the icon with the same icon for all categories, put this code in your extra.less template:

Code:
You must log in to view
(14 lines)

Want a Pro icon of a specific style?

Edit .m-faBase(); and change it to .m-faBase('Pro', @faWeight-solid);, .m-faBase('Pro', @faWeight-regular); or to .m-faBase('Pro', @faWeight-light);

For a Brand icon:

Edit .m-faBase(); to: .m-faBase('Brands');
 
Similar threads Most view View more
Back
Top Bottom