• Webmaster forum we offer you the best experience with our webmaster site and freelancer forum categories where you can share information on topics such as web development and digital marketing!
    Participation and use are completely free!
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