Would you like to change your default Font Awesome node icons like this?
< read node >
< unread node >
To change a single node icon with a different Font Awesome icon add this code to your extra.less template:
/*** Change default FA node icon **/
Would you like to have icons in the sidebar block titles like this?
Here's a simple DIY tutorial on how to achieve this.
Below you'll find the code for most common sidebar blocks.
Open your extra.less template and add this code:
Lots of addons have broken FontAwesome icons due to the Font Awesome upgrade in XF2.1.
The solution is rather easy but confusing if you're a noob. Please make a backup before making any changes.
Search templates for "FontAwesome"
This only works with XenForo 2.1.x!
What does this add-on do?
This add-on lets you add Font Awesome 5 icons to various areas. All the icons are added via CSS to ensure it works with third party styles. There is one template modification to insert the css template into the PAGE_CONTAINER...
[Xenbros] Custom Tool Bar
Custom Toolbar is a premium addon extension for xenforo by xenbros, the best vertical xenforo toolbar addon on the market. Advanced toolbar creates closer bonds between your audience and your brand supporting your business goals. Make your forum menu complete!
This modification allows you to use FA5.
After the installation you can easily choose if it should be activated and wether it should use local files or a CDN.
use local files or a CDN
use all icons from the free style
If you like our work, please consider...
Today I share with you a tutorial made by @SyTry to add the Font Awesome 5.3.1 Icons !
Tutorial requested by @Niro ! ;)
In your template PAGE_CONTAINER find :
Add this after :
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"...
I am looking for a stupid simple way to put a link to Twitter and Facebook account along with their icons in my footer.
Something like on Xenforo Community:
I'm sure this is easy to do with Font Awesome icons.
Does anyone have the HTML I would need to add to the Footer template to...
Today I share with you an add-on made by @SyTry to add Font Awesome icons in your Message Macros !
You can change the icons via the options :
Download and unzip it.
Copy the src/addons/SyTryC/MessageMacrosFA directory to your server.
From the AdminCP...
Where can I modify .m-faBase()? I'm upgrading to Font Awesome 5, so I need to change the font value. I've looked in the style properties, but can't find anything.
Edit: Actually I just figured it out. It's in setup.less.
Add font awesome icons to menu and submenu drop downs.
More unicode font awesome codes can be found at Font Awesome Icon List (* Xenforo only Supports Font awesome 4)
When you click single icon it will have unicode under the icon shown.
You can add colour anytime using the CSS color...
fixed (sticky) footer
enable fixed footer so the footer will always stay on top and visible
make fixed footer wide to it fits the browser an not only the forum width
disable fixed footer on mobile if you wish
add icons to footer links
choose any Font Awesome icons...
paste this code into the extra.less
.actionBar-action--edit:before, .actionBar-action--report:before, .actionBar-action--ip:before, .actionBar-action--delete:before, .actionBar-action--spam:before, .actionBar-action--warn:before, .actionBar-action--history:before...
I have tried to make a two-button "advertisement" to be displayed with Siropu ad Manager. However, with my limited abilities I don't know how to code it so that it wouldn't interfere the appearance of the forum outside the actual "ad". The Font Awesome part seems to be causing something, which...
XenForo 2 default style uses FontAwesome. You can select custom icon for node, which is cool, but you are limited to small set of FontAwesome icons.
FontAwesome is... awesome, but as any other glyph font, it has downsides that limit users to only small set of icons:
Clients need to load entire...
This add-on/template modifications makes a few tweaks when it's enabled. There are no options, you can manually change some templates or ask for support.
You can also view all features form this add-on on our site customizeXF.
Font Awesome is required for this...